前端面试题汇总-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.可继承。

猜你喜欢

转载自blog.csdn.net/weixin_42424660/article/details/82864150