1、字體屬性:①字體格式:font-family:取值:“microsoft yahei”/Arial……;②字體大小:font-size:取值:pt/px;③字體加粗:font-weight:取值:normal(預設值)/bold(粗體,hn,b,strong的預設值)/400-900;④字體樣式 ...
1、字體屬性:①字體格式:font-family:取值:“microsoft yahei”/Arial……;②字體大小:font-size:取值:pt/px;③字體加粗:font-weight:取值:normal(預設值)/bold(粗體,hn,b,strong的預設值)/400-900;④字體樣式:font-style:取值:italic(斜體);⑤小型大寫字母:font-variant:small-caps;⑥字體屬性綜合:font:取值:style variant weight size family;* 必須包含font-family屬性值;
2、文本屬性:①顏色:color;②排版:text-align:取值:left/center/right/justify;③文本修飾:text-decoration:取值:none(無)/underline(下劃線)/overline(上劃線)/line-through(刪除線);④行高:line-height:指定行高內垂直居中;⑤首行文本縮進:text-indent:取值:px;⑥文本陰影:text-shadow:取值:h-shadow v-shadow blur color;(* 解釋可見css01邊框陰影);
3、表格屬性:①垂直對齊:vertical-align:設置於td中;②邊框合併:border-collapse:取值:separate(預設,分離)/collapse(合併);③邊框邊距:border-spacing:一個值同時指定單元格四邊外邊距;兩個值分別水平和垂直(* 分離模式下);④顯示規則:table-layout:取值:auto(預設,自動表格佈局,內容決定單元格大小,自適應,複雜時載入速度慢)/fixed(固定表格佈局,table和td的值決定,加速顯示,不靈活);
4、浮動:脫離文檔流,不占據頁面空間;①父元素寬度無法容納所有浮動元素時最後一個換行;②浮動後均為塊級元素;③浮動元素無尺寸限制時寬度根據內容自適應;④浮動元素層級與文字/行內/行內塊相當;
5、清除浮動1:清除其他浮動元素對當前元素的影響;clear:left(左邊不允許出現浮動元素)/right(右邊不允許出現浮動元素)/both(兩邊都不允許出現浮動元素);
6、清除浮動2:清除浮動元素對父元素的影響;①給父元素設置高度;②overflow:hidden/auto(有溢出時內容會被隱藏);③增加塊級子元素,並設置clear屬性值為both;