CSSステップアップ

Chrome開発者ブラウザ
ラベル照会方式ラベル+mdn----->ulラベルのmdnドキュメント
文書のオンライン編集ツール
codepen-create(ショートカットeg:li*5[link $] 5 linkのaラベルを生成)
コード構造化の意味化

CSSスタイル積層
スタイル=既定のスタイル+独自の色設定

body {                                          //css reset
  padding:0px;
  margin:0px;
  outline:    px                ;       //    
}
ul{
  list-style:none;                               //      
}

色:
三原色(red,green,blue)0-255 r g b a(0-255,0-255,0-255,0-255,透明度);画像採集色:ブラウザで画像を開き、ツールで色を採取する
擬似クラス
リンク擬似クラスlink:デフォルトhover:マウス移動active:マウスクリックvisited:マウスクリック後他の擬似クラスfocus:フォーカス集約blur:フォーカスを失う使用方法:

.  :focus{                                     //     

}

マルチセレクタ
子孫セレクタ

             {                        //        

}

交差セレクタ

     1     2{                          //     1     2

}

へいれつセレクタ

     1，     2{                         //   1    2

}