css

6177 ワード

cssベース


cssセレクタを使用してスタイルの範囲を指定します.
タグ、id、class、composite、プロパティなどがあります.

1.ラベルセレクタ


cssを選択し、h 1ラベルを選択し、フォントサイズを100 pxに変更し、フォント色を赤に変更し、フォントスタイルを斜体に変更します.
ex.css
h1{
    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>
結果