【CSS】
一、CSS 中可以實現繼承的樣式屬性有哪些?
繼承使得網頁開發者更加輕鬆,否則我們就要對所有的子孫元素指定屬性,CSS文件大小將會大大增加,變得更難創建與維護,同時降低了下載速度。但並非所有的CSS屬性都支持繼承,如果每個CSS屬性都繼承,開發人員需要將子孫元素不需要的CSS屬性一個一個地“關掉”。https://www.jianshu.com/p/fbfc6c751e34
有繼承性的屬性:
1、字體系列屬性:font、font-family、font-weight(設置字體的粗細)、font-size(設置字體的尺寸)、font-style(定義字體的風格)、font-variant、font-stretch、font-size-adjust
2、文本系列屬性:text-indent(文本縮進)、text-align(文本水平對齊)、line-height(行高)、word-spacing(字間隔)、letter-spacing(字符間距)、text-transform(控制文本大小寫)、direction(規定文本的書寫方向)、color(文本顏色)
3、元素可見性:visibility、opacity
4、表格佈局屬性:caption-side、border-collapse、border-spacing、empty-cells、table-layout
5、列表屬性:list-style-type、list-style-image、list-style-position、list-style
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
- 所有元素可繼承:1)visibility、opacity 2)cursor
- 內聯元素可繼承:1)字體系列屬性 2)除text-indent、text-align之外的文本系列屬性
- 塊級元素可繼承:text-indent、text-align
無繼承的屬性:
1、display
2、文本屬性:vertical-align、text-decoration、text-shadow、white-space、unicode-bidi
3、盒子模型的屬性:寬度 width、min-width、max-width,高度 height、min-height、max-height,內外邊距 margin、padding,邊框 border
4、背景屬性:背景圖片,背景顏色 background,位置 left、right、top、bottom、z-index
5、定位屬性:浮動 float,清除浮動 clear、overflow,定位 position
6、生成內容屬性:content、counter-reset、counter-increment
7、輪廓樣式屬性:outline-style、outline-width、outline-color、outline
8、頁面樣式屬性:size、page-break-before、page-break-after
9、table-layout
繼承中比較特殊的幾點:
1、a 標籤的字體顏色不能被繼承。
2、h1-h6 標籤字體的大小也是不能被繼承的。
因爲它們都有一個默認值。
二、如何更改字體大小,使其小於瀏覽器的最小字體大小?
https://www.cnblogs.com/jiangxiaobo/p/5669976.html
transform:scale(0.9); // 括號裏面的值根據情況設置
END