訓練日誌 55日目【CSS基礎】

CSS

学科 CSS基礎⑥【オンライン】

ボックスモデルとレスポンシブWebデザイン

ボックスモデル

  • ボックスモデルに関わるセレクタ
    • width
    • height
    • padding
    • margin
    • border
  • ボックスをレイアウトさせるセレクタ
    • float
    • clear
    • position
    • overflow
    • display

レスポンシブWebデザインRWD

  • 幅広デザインでの Web ページ作成
  • viewport 定義の指定
  • 横幅変動時のコンテンツ幅を設定
  • Media Querie でデザインを整える
  • 画面サイズに合わせた表示部品の導入