コメント　/*    */
Background-color: pink;
 meta name=”viewport” content=”width=device-width,initial-scale=1.0”
@charset “utf-8”;
Margin box  border box  padding box  content box
Box medel
マージンのリセット margin:0;
Bodyのマージンリセット body{margin:0;}
HTMLのコメント　<!--      -->
16pxが基本
Width:50%;

Max-width:400px;  これ以上にしない
Min-width:400px これ以下にはしない
Border-width:8px;
Border-style:solid;
Porder-color:blue;
コメント/*    */
Border-top-color:blue;
Border-top-style:dashed;
Border-bottom-style:double;
border:8px solid blue;
border-top:8px dashid blue;
一括指定プロパティは省力すると初期値が使われる
noneと書いたのと同じ

padding-top:16px;
padding-right:16px;
padding-bottom:16px;
padding-left:16px;
margin: 0 0 0 16px;
中央に　margin 0 auto; 上下はゼロ　左右をオート
auto 左右方向のマージンのみ　パディングには使えない
マージンの相殺
box-sizing:border-box;　マージンとパディングを含める
overflow:hidden; 隠す
overflow:scroll; スクロールバー出て来る
border-radius:16px;
border-radius: 16px 0 16px 32px;
border: 8px solid blue;   ボーダー
border-radius:50%; 円を作る
box-shadow:8px 8px gray;  陰を付ける
box-shadow: 8px 8px 8px gray;  ボカシを付ける
font-weight:bold;
font-weight:normal;
text-align:center;
text-aligin:right;
line-height:1.5; 文字の１．５倍
無理やり継承される　border:inherit;
font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; 最後はゴシック系でという意味
なれないときはfont-family最新　で検索したらよい
ユーザーエージョントスタイルシート

ブロックボックス　h1 p section header footer div
インラインボックス a img code time span
ボックスモデルのプロパティ　width height border padding margin
width/height インラインボックスでは無効
border padding margin インラインボックスでは横のみ有効　autoも使えない
display: block; ブロックボックスにする
display:inline; インラインボックスにする
dipsplay:inline-block;　横に並んだままのブロックボックス　オートキーワードは無効
img 置換要素　インライン要素だけど、サイズを指定できる
htmlで指定より、css指定が優先される
.box-1 クラス属性　.を付ける