diadia

興味があることをやってみる

css使い方

関連記事

すべての要素を対象にするセレクタの書き方
セレクタの書き方
テキストスタイル関連
ボックスのスタイル
背景のスタイル

css使い方

種類

  1. html内のタグに属性として直接書く方法
  2. html内headタグ内にcssを記述する方法(インラインcss)
  3. htmlファイルとは別にcssファイルを作り読み込ます方法(外部css)

1.html内のタグに属性として直接書く方法

cssの基本的な構文とは異なる方法で記述する。今後廃止される記述方法なので参考程度に。

.html
<h1 style="background-color: green;">cssの使い方</h1>

2.html内headタグ内にcssを記述する方法(インラインcss)

.html
<head>
    <style>
        h1{
              background-color: green;
              font-size: 100px;
            }
    </style>
</head>

3.htmlファイルとは別にcssファイルを作り読み込ます方法(外部css)

.html
<head>
    <link href="path/path" media="all" rel="stylesheet" type="text/css"
</head>

mediaはスマホの場合にcssを適用するとか端末によってcssを適用するか分けることができる。allの場合はいかなる端末でも反映させるって意味。

.css
@charset:"utf-8";
h1{
              background-color: green;
              font-size: 100px;
            }

その他importタグを使った方法もあるらしい。