<p style="color: red;">这是一段红色的文字</p>
<style>
タグです。 in:
<head> <style> p { color: red; } </style> </head>
<p>
タグのテキストの色が赤に設定されます。スタイル シートでは、フォント、幅、高さ、マージン、パディングなどを含むさまざまな CSS スタイルを定義できます。
<p>埋め込みスタイル シートの利点は、複数の CSS ルールをまとめて、CSS スタイルの変更が容易になることです。ただし、大規模なプロジェクトでは、メンテナンスが比較的難しいという欠点があります。
.css
ファイルとして保存する必要があります (例:
/* styles.css */ p { color: red; }
< が必要です。ドキュメント head>
タグにリンクを設定します:
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
styles.css
という名前の外部スタイル シートが HTML ドキュメントに導入されます。色は赤です。
<p>外部スタイル シートを使用する利点は、CSS スタイルを HTML ドキュメントとは別に管理できることであり、大規模なプロジェクトではより効果的です。ただし、CSS ファイルがサーバー上で削除または移動されると、それにリンクされているすべての HTML ファイルに問題が発生するという欠点があります。
<p>一般に、どの CSS スタイル シート設定方法を使用する場合でも、注意が必要です。目標は、コードの保守と変更を容易にし、ページが美しく一貫して見えるようにすることです。 以上がCSS スタイルを使用して Web ページを美しくする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。