css问题

100 阅读1分钟

1. 标准的CSS的盒子模型?

content + border + padding + margin

2. CSS选择器有哪些?

  1. id选择器
  2. 类选择器
  3. 标签选择器
  4. 相邻选择器(h1 + p)
  5. 子选择器(ul > li)
  6. 后代选择器(li a)
  7. 通配符选择器(*)
  8. 属性选择器(a[rel=”external”])
  9. 伪类选择器(a:hover, li:nth-child)

3. 为什么要初始化CSS样式?

因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

4. 怎样进行CSS优化、提高性能?

  1. 避免使用通配符
  2. 提取公共样式,减少代码量
  3. 选择器优化嵌套,尽量避免层级过深
  4. 将css文件放在页面最上面
  5. 考虑继承

5. display:none与visibility:hidden的区别?

display:none 不显示对应的元素,在文档布局中不再分配空间 visibility:hidden 隐藏对应元素,在文档布局中仍保留原来的空间