<head> タグ内で <style> を使用できます。 タグを使用して CSS スタイルを定義します。このような定義は内部スタイルと呼ばれます。
<head>
<style>
p {
color: red;
}
</style>
</head><p> 要素のテキストの色を赤に定義します。すべての CSS スタイルは、<style> タグで記述する必要があります。
.css が付いた CSS スタイルを含む別個のファイルです。これは、<link> タグを使用して HTML ファイルに導入できます。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
style.css を HTML ドキュメントに導入します。 href 属性は、スタイル シートの場所を指定します。
<p style="color: red;">Hello World!</p>
style 属性を使用して、<p> 要素の色スタイルを定義します。
p、div、# など) を選択します。 ##a。
など、ページ内の同じクラスを持つ要素を選択します。
など、ページ内の同じ ID を持つ要素を選択します。
などの属性値に基づいて要素を選択します。タイプ値が text であるすべての要素を選択します。
、:active など、特定の状態にある要素のスタイルを設定します。
などのテキストの色を設定します。
などのフォント ファミリを設定します。
のように、フォント サイズを設定します。
のように、背景色を設定します。
などの境界線を設定します。
)。
)。
)。
)。
<head>
<style>
#header {
background-color: #333333;
color: #ffffff;
width: 100%;
text-align: center;
}
</style>
</head>
<body>
<div id="header">
<h1>Hello World!</h1>
</div>
</body> 要素は、背景色、テキストの色、幅、テキストの配置を設定します。タグ セレクターを使用して、見出し要素 を選択しました。 概要この記事では、CSSの定義方法、構文、セレクター、プロパティについて紹介します。この知識があれば、CSS を使用して Web ページのスタイルとレイアウトを簡単に設計および制御できます。 CSS についてさらに学習し、実践するための資料が必要な場合は、オンラインの CSS チュートリアルとリソースを確認してください。 <p>以上がCSSの定義方法を紹介した記事の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
