スタイルの適用先指定方法Ⅰ

スタイルの適用先指定方法Ⅰ

セレクタの基本

CSSの書き方は、まずスタイルの適用先を記述して、{～}内にスタイルを記述するという形式になっています。
このスタイル適用先を「セレクタ」と呼びます。

このセレクタにもいろいろな種類と指定方法がありますが、もっとも基本となるのは要素名（pタグなど）をそのままセレクタとして指定する方法です。

例えば、body要素にスタイルを指定してみます。

body { 
      color: #333333;
      font-size: 13px;
      line-height: 1.6em;
      letter-spacing: 0.11em;
 }

っといった感じで記述します。
全ての要素に適用させたい場合は、*（アスタリクス）を使います。
また、pとh1とbodyに同じスタイルを適用させたい場合は,カンマで区切って記述すると簡単になります。

body, h1, p { 
      margin: 0px;
      padding: 0px;
}

～08/03/22～

タグ: css, スタイル, 指定, 方法, 適用先

前の記事

次の記事

Comments

名前 (必須)

メールアドレス (必須)

コメント

関連記事

• CSS初期設定のリセット
• ナビゲーションメニュー（応用編Ⅱ）
• 行の折り返し位置を指定した見出し
• 文字と文字の間隔を調整する
• CSSで見出しをデザイン（擬似クラス:first-letter）

最近の記事

• CSSでグラデーションの背景
• ナビゲーションメニュー（実用編Ⅳ）
• ナビゲーションメニュー（実用編Ⅲ）
• ナビゲーションの画像
• ナビゲーションメニュー（実用編Ⅱ）
• ナビゲーションメニュー（実用編Ⅰ）
• ナビゲーションメニュー（応用編Ⅱ）
• ナビゲーションメニュー（応用編Ⅰ）
• ナビゲーションメニュー（基本Ⅲ）
• ナビゲーションメニュー（基本Ⅱ）