本日の学習範囲
ドットインストール
・はじめてのCSS #05〜#07
(学習時間:1時間)
CSS学習メモ
background-colorプロパティ
背景色を指定する
ボックス
要素によって生成される領域
内から順に、content・padding・border・marginで成り立っている
content
widthプロパティとheightプロパティで指定する領域、要素内容が表示される
padding
paddingプロパティで指定する内側余白、背景が適用される
border
borderプロパティで指定する境界線、太さ・線種・色を指定できる
margin
marginプロパティで指定する外側余白
marginプロパティ
{margin-top: 幅; margin-right: 幅; margin-bottom: 幅; margin-left: 幅;}
ボックスのマージンの幅を指定する
{margin: 上の幅 右の幅 下の幅 左の幅;}
と記述することも可能
全て同じ値の場合は、{margin: 幅;}
と記述できる
divタグ(HTML)
<div></div>
ひとかたまりの範囲として定義する
class属性(HTML)
<div class="class名">
要素に分類名を指定する
classセレクタ
.クラス名 {}
特定のclass名がつけられた要素にスタイルを適用する
auto
ユーザーエージェントによって自動的に算出される値
autoが適用されたプロパティ毎に効果は異なる
marginプロパティにおけるautoは、ブラウザが適切なマージンを選択する
{margin-right: auto; margin-left: auto;
の場合、左右中央揃えになる
ユーザーエージェント
サイトにアクセスした際に送る、OSやブラウザ、機種などの情報