- css篇
- 一、CSS基础
- 1. CSS选择器及其优先级
- 2. CSS中可继承与不可继承属性有哪些
- 3. display的属性值及其作用
- 4. display的block、inline和inline-block的区别
- 5. 隐藏元素的方法有哪些
- 6. link和@import的区别
- 7. transition和animation的区别
- 8. display:none与visibility:hidden的区别
- 9. 伪元素和伪类的区别和作用？
- 10. 对requestAnimationframe的理解
- 11. 对盒模型的理解
- 12. 为什么有时候⽤translate来改变位置⽽不是定位？
- 13. li 与 li 之间有看不见的空白间隔是什么原因引起的？如何解决？
- 14. CSS3中有哪些新特性
- 15. 替换元素的概念及计算规则
- 16. 常见的图片格式及使用场景
- 17. 对 CSSSprites 的理解
- 18. 什么是物理像素，逻辑像素和像素密度，为什么在移动端开发时需要用到@3x, @2x这种图片？
- 19. margin 和 padding 的使用场景
- 20. 对line-height 的理解及其赋值方式
- 21. CSS 优化和提高性能的方法有哪些？
- 22. CSS预处理器/后处理器是什么？为什么要使用它们？
- 23. ::before 和 :after 的双冒号和单冒号有什么区别？
- 24. display:inline-block 什么时候会显示间隙？
- 25. 单行、多行文本溢出隐藏
- 26. Sass、Less 是什么？为什么要使用他们？
- 27. 对媒体查询的理解？
- 28. 对 CSS 工程化的理解
- 29. 如何判断元素是否到达可视区域
- 30. z-index属性在什么情况下会失效
- 31. CSS3中的transform有哪些属性
- 二、页面布局
- 1. 常见的CSS布局单位
css篇
css篇
一、CSS基础
1. CSS选择器及其优先级
对于选择器的优先级：
•
标签选择器、伪元素选择器：1
•
类选择器、伪类选择器、属性选择器：10
•
id 选择器：100
•
内联样式：1000
注意事项：
•
!important声明的样式的优先级最高；
•
如果优先级相同，则最后出现的样式生效；
•
继承得到的样式的优先级最低；
•
通用选择器（*）、子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以它们的权值都为 0 ；
•
样式表的来源不同时，优先级顺序为：内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式。
2. CSS中可继承与不可继承属性有哪些
一、无继承性的属性
1.
display：规定元素应该生成的框的类型
2.
文本属性：
•
vertical-align：垂直文本对齐
•
text-decoration：规定添加到文本的装饰
•
text-shadow：文本阴影效果