CSS スタイル シートには、インライン、内部、外部の 3 種類があります。インライン スタイルは特定の要素に適用され、内部スタイルはドキュメント全体に適用され、外部スタイルは複数のドキュメントにわたって使用できます。 CSS では、スタイル ルールは、スタイルが適用される要素を指定するセレクターと、スタイルのプロパティと値を含む宣言ブロックで構成されます。さまざまなタイプのスタイル シートには、それぞれ長所と短所があります。インライン スタイルはより具体的ですが、ドキュメントが乱雑になります。内部スタイルは、具体的ではありませんがすっきりしています。外部スタイルは、最も一般的で大規模なプロジェクトに適しています。
CSS スタイル シートの種類とその使用方法
CSS スタイル シートの種類
CSS スタイル シートには主に 3 つのタイプがあります:
<head>
セクションに配置されるスタイル。
拡張子付き) HTML のインポート書類。
インライン スタイル
<code class="html"><p style="color: red;">这是一个红色的段落。</p></code>
<code class="html"><head> <style> p { color: blue; } </style> </head></code>
<code class="html"><head> <link rel="stylesheet" href="style.css"> </head></code>
Selector
スタイルを適用する要素を指定します。適用されます:<code class="css">p { /* 针对段落元素的样式 */ }</code>
<code class="css">p { color: blue; /* 设置段落元素的文本颜色 */ font-size: 20px; /* 设置段落元素的字体大小 */ }</code>
インライン スタイル:
以上がCSSスタイルシートにはいくつかの種類があり、それぞれの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。