前端面試題 css

2021-09-29 16:10:24 字數 813 閱讀 8648

1.實現不使用border畫出1px高的線,在不同瀏覽器的標準模式與怪異模式下都能保持一致的效果

2.介紹一下標準的css盒子模型,低版本的ie盒子模型有什麼不同

3.box-sizing屬性

用來控制元素的盒子模型的解析模式。預設為content-box

4.css選擇器有哪些?哪些屬性可以繼承?

css選擇符:id選擇器、類選擇器、標籤選擇器、相鄰選擇器、子選擇器、後代選擇器、萬用字元選擇器、屬性選擇器、偽類選擇器

5.css3新增偽類

6.css3新特性

7.純css建立三角形

width

: 0;

height

: 0;

border-top

: 40px solid transparent;

border-left

: 40px solid transparent;

border-right

: 40px solid transparent;

border-bottom

: 40px solid #ff0000;

8.常見的相容性問題

9.為什麼要初始化css樣式

​ 因為瀏覽器的相容問題,不同瀏覽器對有些標籤的預設值是不同的,如果沒對css初始化往往會出現瀏覽器之間的頁面顯示差異。

10.display:none與visibility:hidden區別

11.清除浮動的方式

12.css優化方法

前端面試題 css

1.什麼是盒模型?盒模型主要分為w3c盒模型和ie盒模型,盒模型主要包括content,padding,border,margin。其中w3c盒模型的width content,ie盒模型的width content padding border。2.flex flex為彈性布局,webkit核心的...

前端面試題 css

請將html模組中字型內容是 紅色 的字型顏色設定為 rgb 255,0,0 綠色 設定為 rgb 0,128,0 黑色 設定為 rgb 0,0,0 且字型大小都為20px。紅色 綠色黑色 請將html模組中ul列表的第2個li標籤和第4個li標籤的背景顏色設定成 rgb 255,0,0 請給htm...

前端面試題 css相關面試題

css 選擇器中,元素選擇器和類選擇器的區別是什麼?元素選擇器是最常見的 css 選擇器,即,文件的元素就是最基本的選擇器。選擇器通常是某個 html 元素,比如 等,甚至可以是 元素本身。類選擇器用於將樣式規則與附帶 class 屬性的元素匹配,其中該 class 屬性的值為類選擇器中指定的值。使...