今天小编跟大家讲解下有关10道css综合面试问题 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关10道css综合面试问题 的相关资料，希望小伙伴们看了有所帮助。
1.css sprite是什么,有什么优缺点将多个小图片拼接到一个图片中。通过 background-position 和元素尺寸调节需要显示的背景图案。
减少 HTTP 请求数，极大地提高页面加载速度增加图片信息重复度，提高压缩比，减少图片大小
2 display: none; 与 visibility: hidden; 的区别联系：它们都能让元素不可用
display:none ;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden ;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见
3.清除浮动的几种方式父级 div 定义 height结尾处加空 div 标签 clear:both父级 div 定义伪类 :after 和 zoom父级 div 定义 overflow:hidden父级 div 也浮动，需要定义宽度
4.css3有哪些新特性新增各种 css 选择器圆角属性border-radius多列布局阴影和反射文字特效 text-shadow线性渐变旋转 transform
5.position的值， relative和absolute定位原点是absolute ：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进?定位fixed ：生成绝对定位的元素，相对于浏览器窗口进?定位relative ：生成相对定位的元素，相对于其正常位置进行定位
6.::before 和 :after中双冒号和单冒号 有什么区别？单冒号( : )用于 css3 伪类，双冒号( :: )用于 css3 伪元素
7.可以改变页面布局的属性position 、 display 、 float 、 width 、 height 、 margin 、 padding 、top 、 left 、 right
8.css在性能优化方面的实践css 压缩与合并css 文件放在 head 里、不要用 @import尽量用缩写、合理使用选择器
9.css3动画依靠 css3 中提出的三个属性： transition 、 transform 、 animationtransition ：定义了元素在变化过程中是怎么样的，包含 transition-property 、transition-duration 、 transition-timing-function 、 transition-delay 。transform ：定义元素的变化结果，包含 rotate 、 scale 、 skew 、 translate 。animation ：动画定义了动作的每一帧（ @keyframes ）有什么效果
10.gba()和opacity的透明效果有什么不同？rgba() 和 opacity 都能实现透明效果，但 opacity 作用于元素，以及元素内的所有内容的透明度，而 rgba() 只作用于元素的颜色或其背景色。（设置 rgba 透明的元素的子元素不会继承透明效果！）
来源：爱蒂网
