css常用属性课堂笔记.pdfVIP

一、CSS常用的文本属性

1.display：作用是设置元素的显示状态，属性值为inline、block、inline-block、none

1)inline：使元素以行内元素的形式显示，是行内元素的默认值

2)block：使元素以块元素的形式显示，是块元素的默认值

3)inline-block：使元素以行内块元素的形式显示，是行内块元素的默认值，行内块元素间有间隙，解

决方法

将代码写在一行

将父元素字体大小设置为0，将子元素字体大小单独设置

另外行内块元素下方也有缝隙解决方法为将行内块元素设置为块元素

4)none：隐藏页面元素，该元素在页面中原有空间丢失

2.visibility：设置页面中元素的显示状态，属性值为visible、hidden

1)visible：默认，显示

2)hidden：隐藏页面元素，不丢失原有空间

二、CSS中常用的修饰列表的属性

1.list-style-type：作用是用来修饰列表符号的类型，属性值有disc、circle、square、none

2.list-style-position：作用是用来修饰列表符号的位置，属性值有inside（列表符号右移）、outside（默认

值）

3.list-style-image：作用是用图像当做列表符号，格式为list-style-image：url(路径)

4.list-style的复合形式list-style：值1值2值3

三、CSS中常用的修饰背景的属性

1.background-color：设置背景色，属性值为颜色名称、十六进制代码、rgb值、rgba值

2.background-image：设置背景图，格式为background-image：URL（路径）

3.background-repeat：设置背景平铺方式，属性值为repeat、no-repeat、repeat-x、repeat-y

1)repeat：默认，平铺

2)no-repeat：不平铺

3)repeat-x：横向平铺

4)repeat-y：纵向平铺

4.background-position：设置背景位置，格式background-position：水平的值（左右）垂直的值（上

下），值的表示方式有两种，一种为英文单词（left、center、right、top、center、bottom），一种为像

素值

5.background-attachment：设置背景依附方式，属性值为fixed、scrollk

6.background的复合形式：background：值1值2值3值4值5;

四、精灵图：所谓精灵图就是利用PS等图像处理软件将多个背景图拼接在一张图像，然后利用background-

position属性进而调节该背景图显示的位置

1.好处：

1)将图像整合后有利用图像的管理

2)会降低向服务器请求的次数，减少服务器的

3)减小里的总体积，有利于提升页面加载速度

2.不足：

1)精灵图不利于

2)精灵图属于精细活