フロントエンドを学習する際、htmlとcssの違いについてあまり知らない人も多いかもしれません。php中国語ウェブサイトの今日の記事は、必要な人のためにhtmlとcssの比較をまとめたものです。具体的な内容で。
CSS と HTML の違い:
1. まず、HTML を見てみましょう:
html は、ハイパーテキスト マークアップ言語である HyperTextMark-upLanguage の略称です。ドキュメントのコンテンツ構造を定義します。Web ページを構成する基本要素である画像、テキスト、ビデオなど、ユーザーが閲覧する必要があるコンテンツが含まれます。
html は Web ページの構造 (構造)、これには、 Frameset や iframe 、 div+css レイアウト、テーブル レイアウトなどのさまざまなフレームとレイアウトが必要で、基本的なフォーム、入力ボックス、入力ボックス タイプ、テキスト フィールドなどのフォーム送信 (HTML フォーム) もサポートします。 、リスト、ラベルなど。
HTML の構造は、Head と Body の 2 つの部分で構成されます。head にはブラウザが必要とする情報が記述され、body には説明する具体的な内容が含まれます。
HTML に関する小さな例を見てみましょう:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
この例は、HTML の構造を明確に説明できます。 (関連おすすめ:
HTML中国語リファレンスマニュアルと 2018フロントエンド入門_HTML5) htmlの基本的な内容を読んだ後は、やはりcssの基本的な内容を見てみましょう。 css と html の間 ^ _^
2. CSS をもう一度見てみましょう:css は、W3C Association によって開発および発行された Web ページ レイアウト標準の略称です。 HTML 言語への参照 機能追加。
CSS は、HTML ドキュメントのスタイル、つまり Web ページ上の動的テキスト、テキストの色、フォント、アニメーション効果などの外観を定義するために使用され、これらはすべて CSS で実装できます。
CSS の主な目的は、Web ページ内のフォント、色、背景、画像、その他のさまざまな要素を制御し、Web ページがデザイナーの要件どおりに表示されるようにすることです。
以下の例に示すように:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.com)</title> <style> body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; } </style> </head> <body> <h1>CSS例子</h1> <p>这是一个段落。</p> </body> </html>
その効果は次のとおりです:
上記の効果は、CSS の使用を非常に明確に示しています。 (関連お勧め:
CSS ビデオチュートリアル - 翡翠少女般若心経編) html と css の基本的な内容についての上記の紹介を通じて、css と html の違いが主にスタイルに使用されることが明確にわかります。 . HTML はテキスト コンテンツに使用されます。真剣に学習すれば、学習の過程でさらに多くのことを発見できます。
関連する推奨事項:
XML、HTML、CSS、および JS_javascript スキルの違い[HTML/CSS] display:none と Visibility:hidden_html/css_WEB-ITnose の違い以上がCSSとHTMLの違いは何ですか? CSSとHTMLの違いの比較の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。