web前端 css面試題

2021-09-28 21:23:05 字數 1472 閱讀 7970

1、css 選擇符有哪些?

2、css 優先順序的選擇過程?

優先順序復合就近原則,同權重的情況下有限選擇最近的屬性。

載入樣式的話是以最後載入的定位為準。

優先順序:

!important > id > class > tag(important要優先於內聯樣式)

3、闡述一下css3的新增偽類。

4、如何居中 div?如何居中乙個浮動元素?如何讓絕對定位的div居中?

div居中:給div乙個寬度,然後新增margin: 0 auto;屬性即可。

浮動元素居中:

絕對定位的div居中:

5、屬性display 有哪些值?說明他們的作用。

6、position 的值 relative 和 absolute 定位原理?

7、用純css 建立乙個三角形的過程?

8、li 與 li 之間有看不見的空白間隔如何形成的?相應的解決辦法?

9、為什麼要初始化css樣式?

因為瀏覽器的相容性問題,不同的瀏覽器對某些標籤有自己的預設值,如果沒有實現css的初始化,也就是沒有解決瀏覽器的相容性問題,那麼會造成頁面在不同瀏覽器下顯示差異的問題。

10、css3 有哪些新特性?

我自己是一名從事了5年前端的老程式設計師,辭職目前在做講師,今年年初我花了乙個月整理了乙份最適合2023年學習的web前端乾貨,從最基礎的html css js到移動端html5到各種框架都有整理,送給每一位前端小夥伴,這裡是小白聚集地,歡迎初學和高階中的小夥伴。"

web前端資料學習群:618522268

更多專業前端知識,請上

【猿2048】www.mk2048.com

前端面試題 css相關面試題

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

前端面試題 css

1.實現不使用border畫出1px高的線,在不同瀏覽器的標準模式與怪異模式下都能保持一致的效果 2.介紹一下標準的css盒子模型,低版本的ie盒子模型有什麼不同 3.box sizing屬性 用來控制元素的盒子模型的解析模式。預設為content box 4.css選擇器有哪些?哪些屬性可以繼承?...

前端面試題 css

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