【考前必看四】面試前夕知識點梳理之CSS(二)

【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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章