第八章小結(jié)
-
p元素上下是有1em的 - 行內(nèi)替換元素和非替換元素
- margin。垂直方向上，前者影響行高并能體現(xiàn)，后者不影響行高不體現(xiàn)
- 那么如何影響行內(nèi)替換元素的行高呢？三種方式
- border。無論行內(nèi)元素指定怎樣的邊框，不會影響行高
- padding。垂直方向上，前者影響行高并提箱，后者可以設(shè)置內(nèi)邊距——
window.getComputedStyle即可獲取，但是不影響行高不體現(xiàn)，就是單純可設(shè)置
- 邊框的顏色和元素文本顏色一致, 邊框突出樣式和內(nèi)嵌樣式比較好玩, 透明邊框的應(yīng)用,(border)子屬性順序無影響
第九章小結(jié)
- 前景色(color)，背景色(backgroundColor)
- 默認大部分元素(表單元素除外)邊框色和前景色一致
- 前景色繼承，但是有
href屬性的a標簽自定前景色 - 背景色和相關(guān)子屬性
-
background-position默認左上角，但是只設(shè)置一個值，第二個默認為center -
0% 0%圖片左上角和元素左上角重合,100% 100%圖片右下角和元素右下角重合 - 定位和平鋪結(jié)合可以產(chǎn)生不同的效果, 比如完整的從左上角開始，被卡一半的開始
background-attachment- 使用的元素都是從可視區(qū)域的左上角開始的，會形成好玩的效果
- 沒有必不可少的值
第十章小結(jié)
- 有外邊距元素和浮動元素相鄰，垂直外邊距不會合并。包含塊的概念
- 浮動規(guī)則
- 清除浮動
- 定位的包含塊，需要根據(jù)
position分類，比如根級包含塊，相對定位的包含塊，絕對定位的包含塊，固定定位的包含塊 - 其他設(shè)計的屬性
-
min-width等 -
overflow+clip visibility
- 可以理解為，指定了
top和height，bottom回自動補全。如果三者都指定，但是不等于包含塊的高度則bottom會被忽略而自動調(diào)整 - 定位元素(position非static)才能使用
z-index
第十一章小結(jié)
- 表的相關(guān)常用屬性
border-collapse - 表格元素上的屬性
border - 如何設(shè)置表格的固定寬度
table-layout: fixed- 設(shè)置首行單個表格的寬度
- 可以結(jié)合
ellipsis解決一下之前表格的問題
第十二章小結(jié)
-
list-style-type各種類型任君挑選，list-style-image也是會被繼承的哦，要注意處理一下，list-style-position能改變位置，但是ul的左邊距還是會有的 - 生成內(nèi)容，
content原來還可以指定圖片，它的display受到它所屬元素的限制，它和它所屬的元素存在繼承關(guān)系 - 指定內(nèi)容，
content字符串是原樣輸出，同時可以使用attr()獲取 元素屬性值。使用元素的quotes屬性指定引號。 - 計數(shù)器，可以通過
counter-reset給ul和counter-increment給li,li的偽元素應(yīng)用的方式設(shè)置計數(shù)器
第十三章小結(jié)
- 可以指定圖形光標，但是需要圖片格式符合要求
-
outline可以設(shè)置樣式，顏色，寬度，但是不占控件同時不一定是矩形
第十四章小結(jié)
- 為特殊人群服務(wù)
附錄
- 各種基礎(chǔ)屬性，選擇器，偽類和偽元素
