詳解逆引きHTML+CSS辞典

HTMLとCSSの基礎知識 - HTMLにCSSを組み込む方法

登録タグ
Icon comment count 0
Icon stock count 0

HTMLにCSSを組み込む方法

グローバル属性の「style属性」のところで説明したように、CSSはstyle属性の値としてHTMLの中に書き込むことができます。また、style要素を使用すると、HTMLの要素の内容としてCSSを書き込むことができます。しかし、一般的にはCSSは専用の別ファイルに書き込んで、それをHTMLのlink要素で読み込ませて使用します。

style属性

グローバル属性であるstyle属性の値としてCSSを書き込む方法です。この方法を使うと、表示指定をHTMLの中に個別に組み込んでしまうことになるため、一般的にはあまり使用されません。

※本書では、掲載するサンプルを短くわかりやすいものとする目的で、style属性も多く使用しています。

style属性の使用例

style要素

HTMLのhead要素の中にstyle要素を配置して、その内容としてCSSを書き込む方法です。

style要素の使用例

link要素

link要素は要素内容がなく、開始タグだけで使用する空要素です。このlink要素をhead要素の中に配置して、別途用意したCS

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません