←M←

CSSをHTMLに組み込むための記述

meta要素で組み込む(HTML外部にスタイルシートを設置)
    • head要素の中に記述
    • <meta http-equiv="content-style-type" content="text/css">


現在、できる限り「みばえ」は独立したCSSでというのが常識になりつつあります。
したがって、上の★の記述は必須といえるようです。この記述がまずあって、それでも諸般の事情で・・・という場合、次の3つの方法があるそうです。

  1. link要素で組み込む(HTML外部にスタイルシートを設置)
    • head要素の中に記述
    • <link href="./style.css" rel="stylesheet"  type="text/css">



  2. style要素で組み込む(HTML内部にスタイルシートを設置)
    • head要素の中に記述
    • style要素を設定
    • たとえば段落の文字を赤系に
    • p {
    • color: #ff33cc;
    • font-size: ⒛pt
    • }

  3. style属性で組み込む(内部にスタイルシートを設置=インラインCSS)
    • body要素の中に記述
    • HTMLのstyle記述で
    • たとえば
    • <p style="color: #ff33cc;font-size: 20pt">ここを赤系の大文字に</p>
    • ここを赤系の大文字に