css
6177 ワード
cssベース
cssセレクタを使用してスタイルの範囲を指定します.
タグ、id、class、composite、プロパティなどがあります.
1.ラベルセレクタ
cssを選択し、h 1ラベルを選択し、フォントサイズを100 pxに変更し、フォント色を赤に変更し、フォントスタイルを斜体に変更します.
ex.cssh1{
font-size: 100px;
color: red;
font-style: italic;
}
ex.html<body>
<h1>(h1)태그 선택자</h1>
<h2>(h2)태그 선택자</h2>
<h2>(h3)태그 선택자</h2>
</body>
結果
2.idセレクタ
cssをに変更
ex.css#font{
font-size: 100px;
color: red;
font-style: italic;
}
ex.html <h1 id="font">(h1)태그 선택자</h1>
<h2>(h2)태그 선택자</h2>
<h2 id="font">(h3)태그 선택자</h2>
結果
3.クラスセレクタ
cssをに変更
ex.css.font{
font-size: 100px;
color: red;
font-style: italic;
}
ex.html <h1>(h1)태그 선택자</h1>
<h2 class="font">(h2)태그 선택자</h2>
<h2>(h3)태그 선택자</h2>
結果
Reference
この問題について(css), 我々は、より多くの情報をここで見つけました
https://velog.io/@ddh963963/css
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
h1{
font-size: 100px;
color: red;
font-style: italic;
}
<body>
<h1>(h1)태그 선택자</h1>
<h2>(h2)태그 선택자</h2>
<h2>(h3)태그 선택자</h2>
</body>
#font{
font-size: 100px;
color: red;
font-style: italic;
}
<h1 id="font">(h1)태그 선택자</h1>
<h2>(h2)태그 선택자</h2>
<h2 id="font">(h3)태그 선택자</h2>
.font{
font-size: 100px;
color: red;
font-style: italic;
}
<h1>(h1)태그 선택자</h1>
<h2 class="font">(h2)태그 선택자</h2>
<h2>(h3)태그 선택자</h2>
Reference
この問題について(css), 我々は、より多くの情報をここで見つけました https://velog.io/@ddh963963/cssテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol