<p style="color: red; font-size: 16px;">这是一个红色的段落。</p>
style
属性は <p>
タグで使用されており、その値は color: red; font-size: 16px;
は、この段落のテキストの色が赤、フォント サイズが 16 ピクセルであることを示します。このようにして、段落は指定されたスタイルに従って表示されます。 <p>2 番目の方法: 埋め込みスタイル シート<p>埋め込みスタイル シートとは、HTML ファイルの <head>
タグ内に CSS スタイル シート情報を配置することを意味します。この方法はインライン スタイルよりも柔軟で、ページ全体に対して変更できます。以下は埋め込みスタイルシートの例です。 <head> <style> p { color: blue; font-size: 18px; } </style> </head> <body> <p>这是一个蓝色的段落。</p> </body>
<head>
タグ内に <style>
タグを定義し、CSS を記述します。 p { color: blue; font-size: 18px; }
などのスタイルは、すべての <p>
タグのテキストの色が青で、フォント サイズが18ピクセル。このようにして、すべての <p>
タグが、指定されたスタイルに従って表示されます。 <p>3 番目の方法: 外部スタイル シート<p>外部スタイル シートとは、CSS スタイル情報を別の CSS ファイルに保存し、HTML ファイル内の <link> を通じて渡すことを指します ;
タグはこのファイルを参照します。この方法により、HTML ファイルのサイズが削減され、ページの読み込み速度が向上します。外部スタイル シートの例を次に示します。 <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是一个黑色的段落。</p> </body>
<head>
タグ内の <link>
タグを使用して、CSS ファイルを参照します。 as < ;link rel="stylesheet" type="text/css" href="style.css">
は、外部スタイル シート ファイル style.css
を現在のスタイル シートに導入することを意味します。 HTML ファイル。 style.css
ファイルでは、必要な CSS スタイルをすべて定義できます。 p { color: black; font-size: 20px; }
<p>
タグのテキストの色は次のようになります。黒、フォントサイズは20ピクセルです。
<p>要約すると、CSS スタイルを変更するには、インライン スタイル、埋め込みスタイル シート、外部スタイル シートの 3 つの方法があります。それぞれの方法には適用可能なシナリオがあり、ページの状況やニーズに応じて具体的な使用方法を選択する必要があります。 Web ページをデザインするときに、適切な CSS スタイル変更方法を選択すると、ページがより美しく、読みやすくなり、ユーザー エクスペリエンスが向上します。 以上がCSSスタイルの変更の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。