1. 程式人生 > >web前端—css面試題

web前端—css面試題

屬性。 ann 程序 margin 實現 元素 chan class 支持

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年前端的老程序員,辭職目前在做講師,今年年初我花了一個月整理了一份最適合2018年學習的web前端幹貨,從最基礎的HTML+CSS+JS到移動端HTML5到各種框架都有整理,送給每一位前端小夥伴,這裏是小白聚集地,歡迎初學和進階中的小夥伴。"

web前端資料學習群:618522268

技術分享圖片

為了感謝大家的支持,今天我在這裏統一說下吧,關註公眾號:‘web前端EDU‘,就可以領取上全套視頻學習資料!

web前端—css面試題