1. 标准的CSS的盒子模型?
content + border + padding + margin
2. CSS选择器有哪些?
- id选择器
- 类选择器
- 标签选择器
- 相邻选择器(h1 + p)
- 子选择器(ul > li)
- 后代选择器(li a)
- 通配符选择器(*)
- 属性选择器(a[rel=”external”])
- 伪类选择器(a:hover, li:nth-child)
3. 为什么要初始化CSS样式?
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
4. 怎样进行CSS优化、提高性能?
- 避免使用通配符
- 提取公共样式,减少代码量
- 选择器优化嵌套,尽量避免层级过深
- 将css文件放在页面最上面
- 考虑继承
5. display:none与visibility:hidden的区别?
display:none 不显示对应的元素,在文档布局中不再分配空间 visibility:hidden 隐藏对应元素,在文档布局中仍保留原来的空间