css样式整理【kvon小孔菜菜】

场景题 某次面试的时候，遇到一个场景题，就是span不居中的问题 第一个span是需要做省略处理的，第二个是放置固定的内容 看一下代码 展示的效果： 很明显出现了不居中的情况，但是按照我之前学的知识，

什么是点九图 Android平台里有一种特殊的图片形式，文件扩展名 xxx.9.png，为了方便记忆，所以称其为点九图，英文是 Nine Patch。 应用场景 当我们需要为一段文字添加图片背景，而我

1、.class 选择所有class="class"的元素 2、#firstname 选择所有id="firstname"的元素 3、* 选择所有元素 4、p 选择所有<p>元素 5、div,p 选择

浮动的理解| 清除浮动的6种方式|BFC(格式化块级上下文)|触发BFC的条件|几种定位|定位的对比|案例对比

布局单位|两栏布局|三栏布局|垂直居中的各种方式，分别讨论有宽高还是无宽高的情景|品字布局|九宫格布局|flex布局

回流概念|回流触发条件|重绘概念|重绘触发条件|避免回流重绘的操作|flush队列|每次操作DOM都会发生回流和重绘嘛

单行溢出|多行溢出|元素时候可见区域，主要应用于图片懒加载|z-index失效|样式的执行顺序由样式声明中定义的顺序决定|12px的问题

为什么要用预处理器|PostCss 是如何工作的？我们在什么场景下会使用 PostCss？|Webpack 能处理 CSS 吗？如何实现？

为什么会出现css预处理器| 预编译器的好处|sass（scss）|less|stylus|还有哪些么

将一个页面中涉及的所有图片合成到一张大图上去，然后通过css的background-image，background-repeat，background-position等属性去定位背景图片

BMP 无损的，几乎不进行压缩，所以图片文件较大 GIF 无损的，文件小，支持动画，但是图片色彩不高，适合对色彩要求不高需要文件体积小的场景 JPEG 有损的，色彩丰富，适合用来存储图片，不适合存储L

颜色： 新增 RGBA，HSLA 模式? RGBA,就是在RGB的基础上加了透明度Alpha例“rgba(255,0,0,0.5)” HSLA，是颜色的色轮基础上加了透明度 文字阴影

两种盒子模型 标准盒模型 box-sizing:content-box 定义一个div盒子，width:200px;height:200px;如果有padding，border那么眼睛看到的盒子大小不

1、display各值的区别|样式表优先级|隐藏元素的各种方法|link和inportant的区别|transition和animation的区别|伪类和伪元素