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