CSS (Cascading Style Sheets) は、Web デザインで一般的に使用されるスタイル シート言語です。フォント、色、サイズ、レイアウトなどを含む Web ページのスタイルを制御し、Web ページをより読みやすく、美しくすることができます。 CSS を使用するには、CSS ファイルを HTML ファイルに導入する必要があります。 CSSの導入方法を3つ紹介します。
1. インライン スタイル
インライン スタイルは、HTML 要素タグ内に CSS スタイルを直接記述する方法です。このアプローチの利点は、単一の HTML 要素でスタイルを設定できることですが、複数の要素に同じスタイルを適用する場合、非常に冗長で繰り返しが多くなる可能性があります。インライン スタイルの構文は次のとおりです:
<p style="color: red;">这是红色文本</p>
このうち、style 属性はスタイルを定義するために使用されます。style 属性と値はコロンで区切られ、複数の属性は区切られますセミコロンで区切ります。
2. 内部スタイルシート
内部スタイルシートは、<head> タグの <style># に CSS スタイルを記述するものです。 HTML ファイルの ## タグ内。この方法は、HTML ファイル内の複数の要素がスタイルを共有する状況に適しています。内部スタイル シートの構文は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>这是红色文本</p>
</body>
</html>