1. 程式人生 > >前端面試題彙總-CSS篇

前端面試題彙總-CSS篇

1、CSS 中類 (classes) 和 ID 的區別
//
對於CSS而言,id和class都是選擇器,唯一不同的地方在於權重不同。
對於html而言,id和class都是dom元素的屬性值。不同的地方在於id屬性的值是唯一的,而class屬性值可以重複。
id還一個老特性是錨點功能,當瀏覽器位址列有一個#xxx,頁面會自動滾動到id=xxx的元素上面。


2、請解釋浮動 (Floats) 及其工作原理。
//
float被歸類於CSS 定位屬性;脫離文件流;
清除浮動的方法:
1.給盒子設定合適的高度
2.給盒子增加:clear:both;表示自己的內部不受其他盒子的影響。但是margin失效。
3.隔牆法:兩個盒子用一個有高度的盒子隔開。但是兩個盒子依舊沒有高度
4.內牆法:前面的盒子內部加一個有高度的盒子。
5.overflow:hidden;


3.描述z-index和疊加上下文是如何形成的。
//
1.z-index 僅能在定位元素上奏效。
2.可繼承。