今年2020年的CSS面試題主要由以下內容構成:
1. CSS盒模型的理解 盒模型是指頁面中的元素被描畫成矩形的元素框,這個框將元素的內容、內邊距、邊框和外邊距包圍起來。 盒模型分為標準盒模型和IE盒模型,兩者的區別在于計算寬高時邊框和內邊距的不同。 2. CSS選擇器的分類 常用的選擇器包括標簽選擇器、類選擇器、ID選擇器、后代選擇器等,還有偽類選擇器如:hover、:focus等。 在CSS3中也新增了一些選擇器,如屬性選擇器、子元素選擇器、兄弟元素選擇器等。 3. CSS單位的分類及應用 CSS中的單位包括長度單位、百分比單位、字體單位、顏色單位等,不同的單位適用于不同的場景。 如em單位可以根據字體大小進行自適應布局,而rem單位則可以根據根元素的字體大小進行自適應布局。 4. CSS布局的實現 常用的布局方式包括浮動布局、定位布局、彈性布局和網格布局,不同的布局方式適用于不同的場景。 在實現復雜的布局時也會將不同的布局方式進行組合使用,以達到預期的效果。 5. CSS3的新特性 CSS3中包含了更多的新特性,如圓角、陰影、漸變、轉換、動畫等,這些特性可以讓網頁具有更加豐富的效果和體驗。
以上就是2020年CSS面試題的主要內容,掌握了這些知識點可以在面試中表現更加優秀。