1)背景：

?

?

背景圖片：

?

?

背景圖片位置

?

也可以寫具體數(shù)值。或數(shù)值與方位名詞混用，（注意順序）

?

?

背景圖片的復合寫法：

?

?

?

?

2） 選擇器的優(yōu)先級：

?注：權(quán)重會疊加，但不會進位??https://www.bilibili.com/video/BV14J4114768?p=135

?

3）盒子模型

?

?

?

也可以寫成復合形式? ?border : ........... ； 三者之間用空格隔開

也可以將邊框分為上下左右來寫? ? border-上下左右 : .......

?

?

?https://www.bilibili.com/video/BV14J4114768?p=141

?

4）邊距

內(nèi)邊距：

?

?外邊距：

?

?

?

?

?

?

?

5）邊框

圓角邊框? ? ? ? ? ?

?

?

6）盒子陰影

?

6)浮動

?

?

?

可以用于盒子的重疊

?

?

?

?

?

?

?

?清除浮動(eg:不方便直接給出高度時，即高度可變時)

?

?

?

額外標簽法：

?

?

 1 .clearfix:after{
 2             content: "";
 3             display: block;
 4             height: 0;
 5             clear: both;
 6             visibility: hidden;
 7         }
 8         .clearfix{
 9             *zoom: 1;
10         }

?

?

?

 1  .clearfix:before,
 2         .clearfix:after {
 3             content: "";
 4             display: table;
 5         }
 6 
 7         .clearfix:after {
 8             clear: both;
 9         }
10 
11         .clearfix {
12             *zoom: 1;
13         }

?

?

?

?

?

以上截圖來自于：黑馬程序員pink老師前端入門教程，零基礎(chǔ)必看的h5(html5)+css3+移動端前端視頻教程

?