前端面試題彙總 CSS篇

2021-08-28 11:45:41 字數 527 閱讀 9625

1、css 中類 (classes) 和 id 的區別

//對於css而言,id和class都是選擇器,唯一不同的地方在於權重不同。

對於html而言,id和class都是dom元素的屬性值。不同的地方在於id屬性的值是唯一的,而class屬性值可以重複。

id還乙個老特性是錨點功能,當瀏覽器位址列有乙個#***,頁面會自動滾動到id=***的元素上面。

2、請解釋浮動 (floats) 及其工作原理。

//float被歸類於css 定位屬性;脫離文件流;

清除浮動的方法:

1.給盒子設定合適的高度

2.給盒子增加:clear:both;表示自己的內部不受其他盒子的影響。但是margin失效。

3.隔牆法:兩個盒子用乙個有高度的盒子隔開。但是兩個盒子依舊沒有高度

4.內牆法:前面的盒子內部加乙個有高度的盒子。

5.overflow:hidden;

3.描述z-index和疊加上下文是如何形成的。

僅能在定位元素上奏效。

2.可繼承。

前端面試題 css篇

盒模型 盒模型由 margin border padding content 四個屬性組成 w3c的標準盒模型 width content,不包含 border padding ie盒模型 width border padding content 相互轉換 二者之間可以通過css3的 box siz...

前端面試題彙總 HTML篇

1.doctype 文件型別 的作用是什麼?doctype是docunment type 文件定義 的簡寫,用來說明web設計中所用的html或xhtml的型別,指出瀏覽器或者其他閱讀程式按照什麼樣的規則集去解釋文件中的標記.2.瀏覽器標準模式 standards mode 幾乎標準模式 almos...

前端面試題總結 css篇

經過實習秋招的面試,總結了一些前端面試題,此處為css篇章,答案是簡略答案,詳細可自行搜尋 1.盒模型 margin,border,padding,content 在標準盒模型中,width設的是content的寬度 在ie怪異盒模型中,width設的是content padding的寬度 2.定位...