css面試題總結

1.介紹一下標準的css的盒子模型，與低版本IE的盒子模型有什么不同？

標準盒子模型：寬度=內容的寬度（content）+border+padding+margin

低版本IE盒子模型： 寬度=內容寬度（content+border+padding）+margin

用來控制元素的盒子模型的解析模式，默認為 content-box

content-box:w3c的標準盒子模型，設置元素的寬高屬性就是content部分的寬高

border-box：IE傳統盒子模型，設置元素的寬高屬性值的是border+padding+margin 三者之和的寬高，

元素內容的寬高等于：元素的寬高 - （ border + padding ）

2.css選擇器有哪些？哪些屬性可以繼承

id選擇器

類選擇器

標簽選擇器

相鄰選擇器

子選擇器

后代選擇器

通配符選擇器

屬性選擇器

偽類選擇器

可繼承的屬性：font-size font-family color

不可繼承的樣式：border，padding，margin，width，height

優先級（就近原則）：！important>id選擇器>類選擇器>標簽選擇器

3.CSS3有哪些新特性？

background-image background-origin（content-box，padding-box，border-box） background-size background-repeat word-wrap：normal|break-word; text-shadow文字陰影: 水平 垂直 模糊距離 陰影顏色 font-face 字體 border-radius邊框圓角 border-image：url（） 3 3 round 邊框圖片 box-shadow 媒體查詢

4.em和px的區別

px和em都是長度單位

**區別：**px的值是固定的的，計算比較容易；em的值不是固定的，并且em會繼承父級元素的字體大小

**注意：**瀏覽器的默認字體高都是16px，所以未經調整的瀏覽器都符合：1em=16px

總結

以上是生活随笔為你收集整理的2021面试题——CSS面试题总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。