可繼承屬性:
1.字體系列屬性
font:組合字體
font-family:規定元素的字體系列
font-weight:設置字體的粗細
font-size:設置字體的尺寸
font-style:定義字體的風格
font-variant:偏大或偏小的字體
2.文本系列屬性
text-indent:文本縮進
text-align:文本水平對劉
line-height:行高
word-spacing:增長或減小單詞間的空白
letter-spacing:增長或減小字符間的空白
text-transform:控制文本大小寫
direction:規定文本的書寫方向
color:文本顏色
3.元素可見性
visibility
4.表格佈局屬性
caption-side定位表格標題位置
border-collapse合併表格邊框
border-spacing設置相鄰單元格的邊框間的距離
empty-cells單元格的邊框的出現與消失
table-layout表格的寬度由什麼決定<automatic.fixed.inherit>
5.列表佈局屬性
list-style-type文字前面的小點點樣式
list-style-position小點點位置
list-style以上的屬性可經過這屬性集合
6.引用
quotes設置嵌套引用的引號類型
7.光標屬性
cursor:箭頭能夠變成須要的形狀前端
不可繼承屬性
1.displey
2.文本屬性
vertical-align:垂直文本對齊
text-decoration:規定添加到文本的裝飾
text-shadow:文本陰影效果
white-space:空白符的處理
3.盒子模型屬性
width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left
4.背景屬性
background、background-color、background-image、background-repeat、background-position、background-attachment
5.定位屬性
float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index面試
1.原則
使用就近原則,同權重狀況下樣式定義最近者爲準
載入樣式以最後載入的定位爲準算法
2.優先級
同權重下:
內聯樣式(標籤內部) > 嵌入樣式表(當前文件中) > 外部樣式表(外部文件中)
!import > id > class >tag
備註:important比內聯優先級高ide
親愛的讀者:
每日兩道前端面試題專欄目此後再也不以此爲標題.
關於日期會寫在文章的最後.嘻嘻
每日兩道前端面試題20190306佈局