★meta要素で組み込む(HTML外部にスタイルシートを設置)
- head要素の中に記述
- <meta http-equiv="content-style-type" content="text/css">
現在、できる限り「みばえ」は独立したCSSでというのが常識になりつつあります。
したがって、上の★の記述は必須といえるようです。この記述がまずあって、それでも諸般の事情で・・・という場合、次の3つの方法があるそうです。
- link要素で組み込む(HTML外部にスタイルシートを設置)
- head要素の中に記述
- <link href="./style.css" rel="stylesheet" type="text/css">
- style要素で組み込む(HTML内部にスタイルシートを設置)
- head要素の中に記述
- style要素を設定
- たとえば段落の文字を赤系に
- p {
- color: #ff33cc;
- font-size: ⒛pt
- }
- style属性で組み込む(内部にスタイルシートを設置=インラインCSS)
- body要素の中に記述
- HTMLのstyle記述で
- たとえば
- <p style="color: #ff33cc;font-size: 20pt">ここを赤系の大文字に</p>
- ここを赤系の大文字に