CSS常见面试问题汇总(推荐)

伪类与伪元素的特性及其区别

伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；

伪元素本质上是创建了一个有内容的虚拟容器；

CSS3中伪类和伪元素的语法不同；

伪类 :link :hover

伪元素 ::before ::after

可以同时使用多个伪类，而只能同时使用一个伪元素；

其中伪类和伪元素的根本区别在于：它们是否创造了新的元素,, 这个新创造的元素就叫 “伪元素” ；

伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素。 这个新元素(伪元素)是某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。

伪类：存在DOM文档中，(无标签,找不到, 只有符合触发条件时才能看到 ), 逻辑上存在但在文档树中却无须标识的“幽灵”分类。

因为伪类是类似于添加类所以可以是多个，而伪元素在一个选择器中只能出现一次，并且只能出现在末尾；

W3C中对于二者应用的描述(描述太模糊, 不容易理解)：

伪类：用于向某些选择器添加特殊的效果伪元素：用于将特殊的效果添加到某些选择器(标签）

下面看下常用的几种布局方式

• 固定布局
• 流式布局（自适应布局）
• 弹性布局（伸缩布局）
• 定位布局
• 浮动布局
• 响应式布局（媒体查询）

总结

以上所述是小编给大家介绍的CSS常见面试问题汇总(推荐)，希望对大家有所帮助，也非常感谢大家对脚本之家网站的支持！

最新评论