@importでCSSファイルを適用<style type="text/css">@import "style.css";</style>style要素でCSSをHTML内に書き込み<style type="text/css">* { margin: 0; padding: 0;}&l...">

HTMLにCSSを適用させる4つの方法

/ Web / Comment[0]
いつもHTMLエディタやコピペ頼りだったのでメモ
下に行くほど管理が面倒になるので注意
1,2,3のlink,style要素は<head></head>内に書きます。

  1. link要素でCSSファイルを適用
  2. <link rel="stylesheet" type="text/css" href="style.css" />

  3. @importでCSSファイルを適用
  4. <style type="text/css">
    @import "style.css";
    </style>

  5. style要素でCSSをHTML内に書き込み
  6. <style type="text/css">
    * {
    margin: 0;
    padding: 0;
    }
    </style>

  7. style属性でCSSをタグ内に書き込み
  8. <span style="background-color: lime; color: white">text</span>

style属性で適用させる方法は、限定的な状況においてCSSファイルを肥大化させないために便利な場合もあります。
関連記事

コメント

:
:
:
:
:
管理人のみ表示を許可