前端面試題 css

2022-09-07 07:15:11 字數 1116 閱讀 5528

請將html模組中字型內容是"紅色"的字型顏色設定為"rgb(255, 0, 0)","綠色"設定為"rgb(0, 128, 0)","黑色"設定為"rgb(0, 0, 0)",且字型大小都為20px。

紅色

綠色黑色

請將html模組中ul列表的第2個li標籤和第4個li標籤的背景顏色設定成"rgb(255, 0, 0)"。

請給html模組的div元素加乙個後偽元素,且後偽元素的寬度和高度都是20px,背景顏色為"rgb(255, 0, 0)"。

請將html模組的div元素設定為乙個半徑是50px的圓,且邊框為1px的黑色實線。

要求:圓角屬性僅設定乙個值

圓角屬性單位請使用px

注意:由於圓角屬性設定廣泛且都可以實現題目效果,所以請按照要求規範書寫。

請將html模組類為"box"的div元素寬度和高度都設定為100px,且內間距為20px、外間距為10px。

請將類為"left"的div元素和類為"right"的div元素在同一行上向左浮動,且清除類為"wrap"的父級div元素內部的浮動。

請將html模組類為"btn"的div元素中心定位在類為"wrap"的父級div元素右上頂點處。

x

請將html模組中p元素的內容設定為垂直水平居中。

牛客網,是乙個集筆面試系統、題庫、課程教育、社**流、招聘內推於一體的招聘類**。

請將html模組中類為"box"的div元素的寬度和高度設定為自身字型大小的4倍。

請將html模組div元素的寬度和高度設定為html根元素字型大小的4倍。

注意:只需在css模組補全樣式內容,請勿修改html模組。

前端面試題 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核心的...

前端面試題 css相關面試題

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