1,
1）文本水平居中
2）用在span , p,a,h1~h6等这些文本标签上
3）行内元素
2，IE 盒模型和W3C盒模型有什么区别?
设置width或height的值时的区别：
IE盒模型：width或height=内容宽度或高度+paddingx2+borderx2
W3C盒模型： width和height=内容的宽度或高度
3，*{ box-sizing: border-box;}的作用是什么？
把页面上所有的盒模型设置为IE盒模型这个概念
4,line-height: 2和line-height: 200%有什么区别?
2:行高为字体本身高度的2倍
200%:行高为父容器字体高度的2倍
5,
1）特性：（同时具有行内元素和块级元素的特性）
a，行内元素（可以多个元素占据一行）
b，设置宽高有效
c，设置padding ,margin有效
2）去缝隙
a，去掉代码中的空格和换行
b，设置font-size:0
3)inline-block元素顶端对齐
设置vertical-align基线的位置来对齐元素
vertical-align:top
6，CSS Sprite是什么
精灵图
通过把网站中用到的图片整合到一张图片里面，把这张整合图片设置成背景图片 ，然后设置background-position的值来展现图片
精灵图的好处是：
a，减少图片的请求，提升客户端网页展现的速度
b，减少服务器开启的线程 因此减轻服务器的压力
7，让一个元素“看不见”有几种方式，区别？
1）归纳成两种方式
任然存在网页中本身的位置
a，visibility:hidden (可见度状态隐藏)
整块的透明度： opacity:0
b，background-color:rgba(0,0,0,0.5) 蒙上一层遮罩
不存在网页中
a,display:none;
代码
1，实现效果及代码
2，实现效果预览
图片.png
