基础
CSS样式(选择器)的优先级
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
计算权重 !important 内联样式 后写的优先级高
雪碧图的作用
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
减少HTTP请求数,提高加载性能
有一些情况下可以减少图片大小
base64的使用
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
用于减少HTTP请求 使用于小图片 base64的体积约为原图4/3
伪类和伪元素
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
伪类表状态
伪元素是真的有元素
前者单冒号,后者双冒号
如何美化checkbox
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
label[for]和id 隐藏元素input :checked+label
实现两栏(三栏)布局的方法
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
float+margin布局(清楚浮动) inline-block布局(元素间隙) flexbox布局
position:absolute/fixed有什么区别
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
前者相对最近的absolute/relative
后者相对于屏幕(viewport)
display:inline-block的间隙
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
原因:字符间距 解决:消灭字符或者消灭间距(fonts-size:0)
如何清楚浮动
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
让盒子负责自己的布局
overflow:hidden(auto)
::after{clear:both;}
如何适配移动端页面
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
viewport rem/viewport/media query 设计上:隐藏 折行 自适应
如何产生不占空间的边框
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
box-shadow
outline
css动画的实现方式有几种
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
transition
keyframes(animation)
过渡动画和关键帧动画的区别
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
过渡动画需要有状态变化
关键帧动画不需要状态变化
关键帧动画能控制更精细
如何实现逐帧动画
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
使用关键帧动画
去掉补间steps
css的引入方式有哪些,link和@import的区别
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
link是HTML提高的标签,@import是CSS的提供的语法规则
页面加载时候link引入的css直接加载,@import引入的css等页面加载完毕后被加载
l
行内元素有哪些,块级元素有哪些,CSS的盒子模型
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
行内元素div/p/ul/ol/li 块级元素a/span/em 盒子模型width/height/padding/border/margin