配置css的方式有哪些,css常见样式

1,

1)文本水平居中

2)用在span , p,a,h1~h6等这些文本标签上

3)行内元素

2，IE 盒模型和W3C盒模型有什么区别?

设置width或height的值时的区别：

IE盒模型：width或height=内容宽度或高度+paddingx2+borderx2

图片.png

W3C盒模型： width和height=内容的宽度或高度

图片.png

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;

代码