可阅读性html css,css有继承性的属性有哪些?
繼承是一種規則,它允許樣式不僅應用于某個特定html標簽元素,而且應用于其后代。CSS繼承是指設置上級(父級)的CSS樣式,上級(父級)及以下的子級(下級)都具有此屬性。
繼承性的作用:給父元素設置一些屬性,子元素也可以使用
注意點:
1、并不是所有的屬性都可以繼承,只有以color/font-/text-/line開頭的屬性才可以繼承
2、并不是只有兒子可以繼承,只要是后代就可以繼承
應用場景:
一般用于設置網頁上的共性信息,例如網頁的文字顏色、字體、文字大小等內容
css有繼承性的屬性有哪些?
1、文本系列屬性
text-indent:文本縮進
text-align:文本水平對齊
line-height:行高
word-spacing:增加或減少單詞間的空白(即字間隔)
letter-spacing:增加或減少字符間的空白(字符間距)
text-transform:控制文本大小寫
direction:規定文本的書寫方向
color:文本顏色
2、字體系列屬性
font:組合字體
font-family:規定元素的字體系列
font-weight:設置字體的粗細
font-size:設置字體的尺寸
font-style:定義字體的風格
font-variant:設置小型大寫字母的字體顯示文本,這意味著所有的小寫字母均會被轉換為大寫,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小。
font-stretch:對當前的 font-family 進行伸縮變形。所有主流瀏覽器都不支持。
font-size-adjust:為某個元素規定一個 aspect 值,這樣就可以保持首選字體的 x-height。
3、表格布局屬性
caption-side:設置表格標題的位置。
border-collapse:設置表格的邊框是否被合并為一個單一的邊框,還是象在標準的 HTML 中那樣分開顯示。
border-spacing:設置相鄰單元格的邊框間的距離(僅用于"邊框分離"模式)。
empty-cells:設置是否顯示表格中的空單元格(僅用于"分離邊框"模式)。
table-layout:為表設置表格布局算法。
4、列表布局屬性:
list-style-type:設置列表項標記的類型。
list-style-image:使用圖像來替換列表項的標記。
list-style-position:指示如何相對于對象的內容繪制列表項標記。
list-style:簡寫屬性在一個聲明中設置所有的列表屬性。
5、元素可見性:visibility
6、生成內容屬性:quotes
7、光標屬性:cursor
8、頁面樣式屬性:page、page-break-inside、windows、orphans
9、聲音樣式屬性:
speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation
更多web前端開發知識,請查閱 HTML中文網 !!
總結
以上是生活随笔為你收集整理的可阅读性html css,css有继承性的属性有哪些?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue 如何解析原生html,VUE渲染
- 下一篇: 保险经济补偿活动的过程