webの授業 本日のメニュー

webデザイナー応用制作ユニット

CSSでスタイルを設定

授業内容のポイント!

  • CSSファイルの1行目には必ずhtmlで記述したものと同じ文字コードを記述 @charset UTF-8
  • スタイル設定は大きいものから小さいものへ

   ・reset
   ・body
   ・レイアウト
    ヘッダーの設定
    ナビの設定
    コンテンツの設定
    フッターの設定

  • id名 固有に命名出来るのも。htmlの段階で入れ込んでおく。
  • class名 使いまわしの効くもの。CSSであてはめる段階でも後から入れ込める。
  • line-hight 150%であれば、行と行の間に1文字の半分のスペース分が空くように設定されたもの。
  • font-family 使用される頻度の少ないものから順番に記述する。

今日はCSSでレイアウトの設定をし始めました。
基礎のときに一度やったので、本を追いながら納得しながら最後までついていけました。


また来週が楽しみです♪