前言CSS是层叠样式表的简称。 CSS的主要作用是美化网页、布局页面。 CSS规则主要由两个主要部分组成：选择器和一个或多个声明。 在前端基础面焊接中，CSS不会缺席。 这里介绍一下CSS的常见面试问题。
CSS面试题：介绍标准的CSS盒子模型吗？ 低版本IE的盒子模型有什么不同？ CSS选择器有什么？before和：after的双冒号和单冒号有什么区别？ 说明这两种伪元素的作用。 伪类与伪元素的区别可以继承CSS的哪个属性？ CSS优先级算法是如何计算的？ 关于伪系LVHA的解释？ CSS3的新伪类有它们吗？ 怎么以div为中心？ display有什么值？ 说明他们的作用。 位置值relative和absolute的定位原点是什么？ CSS3的新功能是什么？ (根据项目回答) CSS3的Flex box (柔性盒布局模型)和应用场景？ 用纯CSS制作三角形的原理是什么？ 满屏文字的布局是怎么设计的？
如何实现CSS多列等？ 经常遇到的浏览器兼容性是什么？ 原因，解决方法是什么，常用的hack技巧？ 沥和沥之间有看不见的空白间隔是什么原因？ 有什么解决办法？ 为什么要初始化CSS样式？ 什么是包含块，对包含块的理解？ CSS的可见性属性为什么具有collapse属性值？ 今后不同的浏览器有什么区别？ width:auto与width:100%的差异绝对和非绝对位置元素的百分比计算差异简要介绍使用图像base64编码的优缺点。 “‘ds play’、“position”、“float”的相互关系？ 了解margin的重复问题。 了解BFC规范(块级格式化上下文：块格式化上下文)？ 什么是IFC？ 请说明一下为什么需要清除浮动。 如何清除浮动使用clear属性清除浮动的原理？
消除高枝豆：1的悬浮原理？ 移动端布局是否使用过媒体查询？ 使用CSS预处理器吗？ 你喜欢哪个？ 优化CSS、提高性能的方法是什么？ 浏览器如何分析CSS选择器？ 在网页上应该使用奇数还是偶数字体？ 为什么呢？ margin和padding分别适合什么场景？ 远离风格模块怎么写，说出想法，有实践经验吗？ 简要说明css3的全部属性。 为什么不在初始化css样式时使用统一符号？ absolute的containingblock (包括块)计算方法与常规流程有什么不同？ 对hasLayout的理解？ 元件的纵向百分比是否设置为相对于容器的高度？ 全屏滚动的原理是什么？ 您使用了CSS的哪个属性？ 响应性设计是什么？ 反应设计的基本原理是什么？ 与低版本IE的兼容性如何？
滚动效果，怎么每页都做不同的动画？ chrome记住密码后，如何自动填写表单的黄色背景？ 如何支持Chrome小于12px的字符？ 如何通过CSS使页面中的字体清晰、纤细？ font-style属性的italic和oblique有什么区别？ 设备像素、css像素、设备独立像素、dpr和ppi有什么区别？ 布局视图端口、虚拟视图端口和ideal视图端口有什么区别？ 定位：固定； 如何在android中禁用？ 如果需要手动写动画，你认为最小时间间隔是多久？ 如何消除inline-block元素之间的间隙？ 有高度适应的div，里面有两个div，一个高100px，另一个希望填满剩下的高度。 说明png、jpg、gif等图像格式，分别什么时候使用？ 你知道webp吗？ 如何确定浏览器是否支持webp格式的图像什么是Cookie隔离？ 样式标签写在主体上后，与主体前有什么不同？
什么是CSS预处理器/后处理器？ 是否说明CSSSprites使用rem布局的优点和缺点？ 0.5px的平移和动画之间的区别优先最小宽度是什么？ 为什么height:100%不起作用？ 最小宽度/最大宽度和最小高度/最大高度属性之间的覆盖规则？ 内联模型的基本概念替换元素是什么？ 替换元素的计算规则？ 内容和替换元素之间的关系？ margin:auto的填充规则？ margin无效时border的特殊性？
什么是基线和x-height？ line-height的特殊性？ 垂直对齐的特殊性？ overflow的特殊性？ 什么是不依赖的绝对定位？ absolute和overflow的关系？ 什么是剪辑修剪？ relative的特殊性？ 什么是级联上下文？ 层叠水平是什么？ 的层叠顺序？ 层叠指南？ 字体权重的特殊性？ 文本索引的特殊性？ letter-spacing和字符间隔？
word-spacing和单词间隔？ white-space和换行和空格控件？ 隐藏元素的背景图像最终不会加载吗？ 如何实现单行/多行文本溢出的省略？ 常见因素的隐藏方法是什么？ css实现上下固定的中间自适应布局吗？ 实现css列布局吗？ 实现css列布局吗？ 实现宽度和高度适应的正方形三角形篇幅有限，需要文中 《100道CSS面试题总结》 完整版（含解析）PDF文档可以【点击这里】免费领取！