関連記事
すべての要素を対象にするセレクタの書き方
セレクタの書き方
テキストスタイル関連
ボックスのスタイル
背景のスタイル種類
- html内のタグに属性として直接書く方法
- html内headタグ内にcssを記述する方法(インラインcss)
- htmlファイルとは別にcssファイルを作り読み込ます方法(外部css)
1.html内のタグに属性として直接書く方法
cssの基本的な構文とは異なる方法で記述する。今後廃止される記述方法なので参考程度に。
.html
<h1 style="background-color: green;">cssの使い方</h1>
2.html内headタグ内にcssを記述する方法(インラインcss)
.html
<head>
<style>
h1{
background-color: green;
font-size: 100px;
}
</style>
</head>3.htmlファイルとは別にcssファイルを作り読み込ます方法(外部css)
.html
<head>
<link href="path/path" media="all" rel="stylesheet" type="text/css"
</head>
mediaはスマホの場合にcssを適用するとか端末によってcssを適用するか分けることができる。allの場合はいかなる端末でも反映させるって意味。
@charset:"utf-8";
h1{
background-color: green;
font-size: 100px;
}その他importタグを使った方法もあるらしい。
