第八章小結(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ǔ)屬性畴蹭,選擇器,偽類和偽元素