基本的に、CSSをHTML内に取り込む方法は、3通りあります。
これは、CSS3であっても例外ではありません。
CSS1でも、CSS3でも、同じ方法が採られます。
では、
その中の最も初歩的な、
「style要素を活用した取り込み」という方法を見ていきましょう。
まず、どの方法にも共通することですが、CSSのソースを作る必要があります。
ソースというのは、HTMLのソース同様、英語を使ったものとなります。
しかし、＜html＞等のような、HTMLでおなじみの物は使いません。
基本的には、色や字の大きさ、行間空白等を指定する為の言葉を使います。
最もわかりやすい例でいうと、字の色を表す「color」でしょうか。
ここでは、「h1 { color : #ff0000 }」という例を使います。
「h1」というのは、第1見出し、
本文の一行目を意味し、「#ff0000」は色（これは赤色）を意味します。
すなわち、一行目の字の色を赤にしているという指定です。
これを、HTML内に貼り付けます。
貼り付ける部分は、＜body＞?＜/body＞の間に記載している、
指定を行う文のすぐ前です。
事前にその文章の前後には「h1」および「/h1」を足しておき、
この文章が第1見出しのと指定しておきましょう。
そうしていると、その文章が「h1」という指定がなされ、
「h1 { color : #ff0000 }」がしっかりと機能します。
しかし、これだけを加えても、まだ字は赤にはなりません。
この、中にCSSを書き込む形の場合は、
「style="（指定）"」という形にする必要があります。
よってこの場合は「style="h1 { color : #ff0000 }"」となります。
これでCSSの指定が反映されることになります。
バックパッカー 一人旅
レスベラトロール
ノンケミカル 化粧品
便秘 ヨーグルト