网页设计与制作 第3章CSS技术基础.ppt

《网页设计与制作 第3章CSS技术基础.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作 第3章CSS技术基础.ppt（41页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、通过本章学习，应该掌握以下内容：通过本章学习，应该掌握以下内容：1.什么是什么是CSS2.CSS样式和常用的样式和常用的selector3.在网页中使用在网页中使用CSS的方法的方法4.CSS的各种属性的各种属性第第3章章 CSS技术基础技术基础 3.1 CSS简介简介 CSS（Cascading Style Sheet，层层叠叠样样式式表表）技技术术是是一一种种格格式式化化网网页页的的标标准准方方式式，它它通通过过设设置置CSS属属性性使使网网页页元元素素获获得得各各种种不不同同效效果果。CSS不不是是一一种种程程序序设设计计语语言言，而而只只是是一一种种用用于于网网页页排排版版的的标标识识

2、性性语语言言，是是对现有对现有HTML语言功能的补充和扩展。语言功能的补充和扩展。CSS的的主主要要功功能能是是通通过过对对HTML选选择择器器进进行行设设定定，来来实实现现对对网网页页中中的的字字体体、字字号号、颜颜色色、背背景景、图图像像记记其其他他元元素素的的控控制制，使使网网页页能能够够完完全全按按照照设设计计者者的的要要求求来显示。来显示。CSS的的定定义义由由三三部部分分构构成成：选选择择符符selector、属属性性property和属性值和属性值value。其基本格式如下：其基本格式如下：selectorproperty l：value l；property 2：value 2

3、；其其中中selector（选选择择符符）表表示示需需要要应应用用样样式式的的内内容容，property表表示示由由CSS标标准准定定义义的的样样式式属属性性，value表表示示样式属性的值。样式属性的值。3.2 CSS样式样式 3.2.1 CSS样式表组成样式表组成 3.2.2 几种常用的几种常用的selector HTML标标记记符符是是最最典典型型的的selector类类型型，网网页页设设计计者者可可以以为为某某个个或或某某些些具具体体的的HTML元元素素应应用用样样式定义。如：式定义。如：BODYcolor：black 如如果果属属性性的的值值是是多多个个单单词词组组成成的的，必必须须

4、在在值值前前加加上上双双引引号号。如如果果需需要要对对一一个个selector指指定定多多个个属属性性时，应使用分号将所有的属性和值分开。时，应使用分号将所有的属性和值分开。1HTML标记符标记符selector 如如果果需需要要为为位位于于某某个个标标记记符符内内的的标标记记符符设设置置特特定定的的样样式式规规则则，则则应应将将selector指指定定为为具具有有上上下下文文关关系系的的HTML标标记记符符。例例如如，如如果果只只想想使使位位于于H1标标记记符符内的内的A标记符具有特定的属性，则应使用以下格式：标记符具有特定的属性，则应使用以下格式：H1 Acolor：blue 注意注意H1

5、和和A之间以空格分隔。之间以空格分隔。2具有上下文关系的具有上下文关系的HTML标记符标记符selector 可可以以使使用用类类（class）来来为为单单一一HTML标标记记符符创创建建多多个个样样式式。要要想想将将一一个个类类包包括括到到样样式式定定义义中中，可可将将一个句点和一个类名称添加到一个句点和一个类名称添加到selector后，如下所示：后，如下所示：selector.classname property：value；可可以以使使用用任任何何名名称称命命名名类类，但但通通常常使使用用具具体体含含义义的名称。的名称。3用户定义的类用户定义的类selector 4用户定义的用户定义的

6、ID selector 当当网网页页设设计计者者想想在在整整个个网网页页或或几几个个页页面面上上多多处处以以相相同同样样式式显显示示标标记记符符时时，除除了了使使用用类类定定义义一一个个通通用用类类样样式式以以外外，还还可可以以使使用用IDID定定义义样样式式。IDID选选择择符符的的应应用用和和类选择符类似，只要把类选择符类似，只要把CLASSCLASS换成换成IDID即可。即可。要要将将一一个个IDID样样式式包包括括在在样样式式定定义义中中，应应用用一一个个#号号作为作为IDID名称的前缀，如下所示：名称的前缀，如下所示：#IDnamepropertyIDnameproperty：val

7、uevalue 定定义义了了IDID样样式式后后，需需要要在在引引用用该该样样式式的的标标记记符符内内使用使用idid属性。属性。可可以以单单独独对对某某种种元元素素包包含含关关系系定定义义的的样样式式表表，元元素素1里里包包含含元元素素2，这这种种方方式式只只对对在在元元素素1里里的的元元素素2定定义义，对单独的元素对单独的元素1或元素或元素2无定义，例如：无定义，例如：TABLE Afont-size：10px 使使用用上上规规则则后后，在在表表格格内内的的链链接接改改变变了了样样式式，文文字字大大小小为为10像像素素，而而表表格格外外的的链链接接的的文文字字仍仍为为默默认认大大小。小。5

8、包含包含selector 层层叠叠性性，即即继继承承性性，样样式式表表的的继继承承规规则则是是外外部部的的元元素素样样式式会会保保留留下下来来继继承承给给这这个个元元素素所所包包含含的的其其他他元元素。素。不不同同的的选选择择符符定定义义相相同同的的元元素素时时，要要考考虑虑到到不不同同的的选选择择符符之之间间的的优优先先级级。ID选选择择符符，类类选选择择符符和和HTML标标记记选选择择符符，因因为为ID选选择择符符是是最最后后加加在在元元素素上上的的，所所以以优优先先级级最最高高，其其次次是是类类选选择择符符。如如果果想想超超越越这这 三三 者者 之之 间间 的的 关关 系系，可可 以以

9、在在 定定 义义 样样 式式 时时 加加 上上!important，来提升样式表的优先权。来提升样式表的优先权。6样式表的层叠性样式表的层叠性selector 7虚类虚类selector 虚虚类类可可以以看看作作是是一一种种特特殊殊的的类类选选择择符符，是是能能被被支支持持CSS的的浏浏览览器器自自动动识识别别的的特特殊殊选选择择符符。它它最最大大的的用用处处就是可以在不同状态下定义不同的样式超链接效果。就是可以在不同状态下定义不同的样式超链接效果。将将虚虚类类和和类类组组合合起起来来用用，就就可可以以在在同同一一个个页页面面中中做做几几组组不不同同类类型型的的链链接接效效果果了了。所所谓谓不

10、不同同类类型型超超链链接接，是是指指访访问问过过的的（A:visited）、未未访访问问过过的的（A:link）、激激 活活 的的（A:active）以以 及及 鼠鼠 标标 指指 针针 悬悬 停停 于于 其其 上上（A:hover）的这的这4种状态的超链接。种状态的超链接。8注释注释selector 用用户户可可以以在在CSS中中插插入入注注释释来来说说明明用用户户代代码码的的意意思思，注注释释有有利利于于用用户户或或别别人人以以后后编编辑辑和和更更改改代代码码时时理理解解代代码码的的含含义义。在在浏浏览览器器中中，注注释释是是不不显显示示的的。与与HTML注释一样，注释一样，CSS注释也以注

11、释也以“/*”开头，以开头，以“*/”结尾。结尾。3.3 在网页中使用在网页中使用CSS 3.3.1 在标记符中直接嵌套样式信息在标记符中直接嵌套样式信息 在在标标记记符符中中直直接接嵌嵌套套样样式式信信息息又又称称为为“局局部部引引用用”，即即将将样样式式直直接接嵌嵌套套在在HTML标标记记里里使使用用的的。用用这这种种方方法法，可可以以很很简简单单的的对对某某个个元元素素单单独独定定义义样样式。式。使使用用style属属性性可可以以在在HTML标标记记符符中中直直接接嵌嵌入入样式定义，如下所示：样式定义，如下所示：如如果果能能将将同同类类的的样样式式都都统统一一定定义义，然然后后再再具具体

12、体应应用用于于网网页页中中的的元元素素，那那么么就就能能体体现现出出CSS的的优优越越性性了了。实实际际上上，这这正正是是CSS应应用用于于网网页页的的最最常常用用方方式式，即即在在HEAD标标记记符符内内使使用用STYLE标标记记符符，然然后后在在STYLE标标记记符符中中定定义义样样式式。这这种种应应用用方方式式又又称称“内内部部引引用用”。定义样式的方式为：定义样式的方式为：selector property l：value l；property 2：value 2；其其中中，selector表表示示样样式式作作用用的的对对象象，property和和value则表示相应则表示相应CSS属

13、性和值的配对。属性和值的配对。3.3.2 在在STYLE标记符中定义样式信息标记符中定义样式信息 3.3.3 引用外部样式表中的样式信息引用外部样式表中的样式信息 在在STYLE标标记记符符中中定定义义样样式式对对于于单单独独网网页页的的格格式式设设置置和和维维护护很很有有效效，但但如如果果在在一一个个大大网网站站中中，为为每每个个页页面面都都定定义义类类似似的的样样式式，显显然然又又是是效效率率不不高高的的，这这时时最最好好的的办办法法就就是是将将重重复复在在多多个个网网页页中中使使用用的的样样式式放放在在外外部部样样式式表表文文件件中中，然然后后通通过过链链接接的的方方式式引引用用其其中中

14、的的样样式式。链链接接式式样样式式的的优优点点很很明明显显，网网页页设设计计者者可可以以在在一一个个链链接接的的CSS文文件件上上作作修修改改，然然后后所所有引用它的网页都会自动更新。有引用它的网页都会自动更新。引引用用链链接接外外部部样样式式表表中中的的样样式式信信息息又又称称为为“外外部部引引用用”。外外部部引引用用又又可可以以分分为为链链入入外外部部样样式式表表和和导导入外部样式表两类。入外部样式表两类。链链入入外外部部样样式式表表是是把把样样式式表表保保存存为为一一个个样样式式表表文文件件，然然后后在在页页面面中中用用LINK标标记记符符链链接接到到这这个个样样式式表表文文件件，这这个

15、个LINK标标记记符符必必须须放放到到页页面面的的HEAD区内。区内。导导入入外外部部样样式式表表是是指指在在内内部部样样式式表表的的STYLE里里导入一个外部样式表，导入时用导入一个外部样式表，导入时用import。导导入入外外部部样样式式表表输输入入方方式式比比链链入入外外部部样样式式表表更更有有优势，实质上它相当于存在内部样式表中。优势，实质上它相当于存在内部样式表中。3.4 CSS属性属性 字字体体属属性性用用于于控控制制网网页页中中的的文文本本的的字字符符显显示示方方式式，例例如如控控制制文文字字的的大大小小、粗粗细细以以及及使使用用的的字字体体等等。CSS中中的的字字体体属属性性包

16、包括括字字体体族族科科（font-family）、字字体体风风格格（font-style）、字字体体变变形形（font-variant）、字字体体加加粗粗（font-weight）、字字体体大大小小（font-size）五五个个属属性性。其其中中字字体体族族科科和和字字体体大大小小属属性性是是比比较较常常用的。用的。3.4.1 字体属性字体属性 1字体族科属性（字体族科属性（font-family）字字体体族族科科属属性性相相当当于于HTML中中FONT标标记记符符的的face属属性性，用用于于设设定定文文字字的的字字体体，当当所所设设定定的的字字体体在在用用户户端没有时会用浏览器默认的字体代

17、替。端没有时会用浏览器默认的字体代替。该该样样式式允允许许指指定定多多种种字字体体供供选选择择，用用逗逗号号进进行行分分隔隔即即可可。在在客客户户端端会会根根据据字字体体指指定定的的优优先先级级（先先后后顺顺序序）寻找字体予以显示。比如：寻找字体予以显示。比如：font-family：华文行楷，楷体华文行楷，楷体-GB2312，宋体宋体 2字体风格属性（字体风格属性（font-style）字字体体风风格格属属性性的的值值有有三三种种：普普通通（normal），斜斜体（体（italic）和倾斜（和倾斜（oblique），），默认值为默认值为normal。3字体变形属性（字体变形属性（font-v

18、ariant）字字体体变变形形属属性性有有普普通通（normal）和和小小型型大大写写字字母母（small-caps）两两个个值值，默默认认值值为为normal。当当使使用用small-caps属属性性时时，文文字字一一律律转转换换为为大大写写字字母母，并并且且都都会会以以一一种种大大小小介介于于普普通通小小写写字字母母和和大大写写字字母母之之间间的的字体显示。字体显示。字字体体加加粗粗属属性性用用于于设设定定字字体体的的粗粗细细，跟跟HTML中中的的B标标记记符符效效果果相相似似。它它的的取取值值可可以以是是以以下下值值中中的的一一个个：normal、bold、bolder、lighter、

19、100、200、300、400、500、600、700、800、900，默默认认值值为为normal，表表示示正正常常粗粗细细；bold表表示示粗粗体体。也也可可以以使使用用数数值值，范范围围为为100至至900，对对应应从从最最细细到到最最粗粗。normal相相当当于于400，bold相相当当于于700。如如果果使使用用bolder或或lighter，则则表示相对于上一级元素中的字体更粗或更细。表示相对于上一级元素中的字体更粗或更细。4字体加粗属性（字体加粗属性（font-weight）字体大小属性用来定义字体的大小。字体大小属性用来定义字体的大小。可可以以使使用用的的值值包包括括绝绝对对大

20、大小小、相相对对大大小小、长长度度、百百分分比比，其其中中使使用用长长度度时时单单位位又又分分为为绝绝对对单单位位磅磅（pt）、毫毫米米（mm）、厘厘米米（cm）、帕帕（pc）、英英寸（寸（in）和相对单位和相对单位像素（像素（px）、）、em。5字体大小属性（字体大小属性（font-size）文文字字间间隔隔属属性性定定义义一一个个附附加加在在文文字字（单单词词）之之间间的的间间隔隔数数量量。该该值值必必须须符符合合长长度度格格式式，允允许许使使用负值。用负值。需需要要特特别别说说明明的的是是，该该属属性性是是针针对对英英文文单单词词的的间间隔隔，而而不不是是中中文文的的文文字字间间隔隔，中

21、中文文的的文文字字间间隔隔应应该该用用下下面面讲讲到到的的letter-spacing。同同时时在在中中文文版版的的IE浏览器中也不支持该属性。浏览器中也不支持该属性。3.4.2 文本属性文本属性 1文字间隔属性文字间隔属性(word-spacing)字字母母间间隔隔属属性性定定义义一一个个附附加加在在字字符符之之间间的的间间隔隔数数量量（间间距距）。它它的的取取值值可可以以是是normal或或具具体体的的长长度度值值（该该值值必必须须符符合合长长度度格格式式），也也可可以以是是负负值值。默默认认值值为为normal，表表示示浏浏览览器器根根据据最最佳佳状状态态调调整整字字符符间间距距。一个设

22、为一个设为0的值会阻止显示文字时的间隔调整。的值会阻止显示文字时的间隔调整。2字母间隔属性字母间隔属性(1etter-spacing)纵纵向向排排列列属属性性可可以以用用来来定定义义一一个个内内部部元元素素的的纵纵向向位置，相对于它的上级元素或者相对于元素行。位置，相对于它的上级元素或者相对于元素行。该该值值可可以以是是一一个个相相对对于于元元素素行行高高属属性性的的百百分分比比，它它会会在在上上级级基基线线上上增增高高元元素素基基线线的的指指定定数数量量。允允许许使使用用负负值值，也也可可以以是是一一个个关关键键字字。该该属属性性对对于于图图像像设设置置特别有用。特别有用。3纵向排列属性纵向

23、排列属性(vertical-align)指指定定了了所所选选元元素素的的对对齐齐方方式式（类类似似于于HTML标标记记符符的的align属属性性），取取值值可可以以是是：left、right、center、，分分别别表表示示左左对对齐齐、右右对对齐齐、居居中中对对齐齐和和两两端端对对齐齐。此此属属性性的的默默认认值值依依浏浏览览器器的的类类型型而而定定。若若浏浏览览器器不不支支持持justify属性。则使用左对齐或者右对齐代替。属性。则使用左对齐或者右对齐代替。4文本排列属性文本排列属性(text-align)文文本本缩缩进进属属性性可可以以应应用用于于块块级级元元素素（P，H1等等），以以定

24、定义义该该块块级级元元素素第第一一行行可可以以接接受受的的缩缩进进数数量量。该该值值必必须须是是一一个个长长度度或或者者百百分分比比。若若为为百百分分比比则则视视上上级级元元素素的的宽宽度度而而定定。该该属属性性常常用用于于段段落落的的缩缩进进。此此属属性性的的默认值是默认值是0，表示无缩进。，表示无缩进。5文本缩进属性文本缩进属性(text-indent)文文字字修修饰饰属属性性可可以以对对特特定定选选项项的的文文本本进进行行修修饰饰，它它 的的 取取 值值 为为：none、underline、overline、line-through、blink，默默认认值值为为none，表表示示不不加加

25、任任何何修修饰饰。underline表表示示添添加加下下划划线线；overline表表示示添添加加上上划划线线；line-through表表示示添添加加删删除除线线；blink表表示示添添加加闪闪烁烁效效果。果。另另外外IE浏浏览览器器并并不不支支持持文文字字修修饰饰属属性性值值blink（闪闪烁）。烁）。6文字修饰属性（文字修饰属性（text-decoration）行行高高属属性性决决定定了了相相邻邻行行之之间间的的间间距距。其其取取值值可可以以是是数数字字、长长度度或或百百分分比比，默默认认值值是是normal。当当以以数数字字指指定定值值时时，行行高高就就是是当当前前字字体体高高度度与与

26、该该数数字字相相乘乘的的倍倍数数。如如果果指指定定具具体体的的长长度度值值，则则行行高高为为该该值值。如如果果用用百百分分比比指指定定行行高高，则则行行高高为为当当前前字字体体高高度度与与该该百百分分比比相相乘乘。该属性不允许使用负值。该属性不允许使用负值。7行高属性行高属性(line-height)文文本本转转换换属属性性用用于于转转换换文文本本，取取值值为为：capitalize、uppercase、lowercase、none，默默认认值值是是none表表示示使使用用原原始始值值。capitalize值值表表示示所所选选元元素素中中文文本本的的每每个个单单词词的的首首字字母母以以大大写写

27、显显示示；uppercase值值表表示示所所有有的的文文本本都都以以大大写写显显示示；lowercase值值表表示示所所有有文文本本都都以以小小写写显示。显示。8文本转换属性文本转换属性(text-transform)background属属性性是是一一个个组组合合属属性性，可可用用于于同同时时设设 置置 background-color、background-image、back2round-attachment、background-position、background-repeat等背景属性。等背景属性。3.4.3 颜色与背景属性颜色与背景属性 1background属性属性 用用于于

28、设设置置HTML元元素素的的背背景景颜颜色色。此此属属性性的的默默认认值值是是transparent，表表示示没没有有任任何何颜颜色色，此此时时上上级级元元素的背景可以在子元素中显示出来。素的背景可以在子元素中显示出来。2background-color属性属性 用用于于设设置置HTML元元素素的的背背景景图图案案，取取值值为为url或或none。默默认认值值为为none，即即没没有有背背景景图图案案。该该属属性性相相当当于于HTML中中BODY标标签签的的background属属性性，只只是是它可以定义更多元素的背景图像。它可以定义更多元素的背景图像。3background-image属性属

29、性 用用于于控控制制背背景景图图像像是是否否随随内内容容一一起起滚滚动动，取取值值为为scroll、fixed。默默认认值值为为scroll，表表示示背背景景图图案案随随着着内内容容一一起起滚滚动动；fixed表表示示背背景景图图案案静静止止，而而内内容容可可以滚动。以滚动。4background-attachment属性属性 用用于于指指定定背背景景图图案案相相对对于于关关联联区区域域左左上上角角的的位位置置。该属性通常指定由空格隔开的两个值。该属性通常指定由空格隔开的两个值。5background-position属性属性 表表示示当当使使用用背背景景图图案案时时，背背景景图图案案是是否否

30、重重复复显显示示。取取值值可可以以是是：repeat表表示示在在水水平平方方向向和和垂垂直直方方向向都都重重复复，即即像像铺铺地地板板一一样样将将背背景景图图案案平平铺铺；repeat-x表表示示在在水水平平方方向向上上平平铺铺；repeat-y表表示示在在垂垂直直方方向向上上平平铺铺；no-repeat表表示示不不平平铺铺，即即只只显显示示一一幅背景图案。幅背景图案。6background-repeat属性属性 所所有有网网页页上上的的元元素素都都有有边边框框，只只是是大大部部分分缺缺省省没没有有显显示示出出来来。CSS边边框框属属性性设设置置包包括括三三项项：边边框框颜颜色色（color）

31、、边边框框样样式式（style）和和边边框框宽宽度度（width），而而边边框框又又包包括括四四个个方方向向：上上（top）、下下（bottom）、左左（1eft）和和右右（right）。将将边边框框设设置置和和方方向向组组合合起起来来，则则构构成成了了多多种种属属性性。如如：border-bottom、border-bottom-color、border-bottom-style、border-bottom-width、border-right-color、border-right-style、border-right-width等等。等等。3.4.4 布局属性布局属性 1边框属性边框属性

32、CSS边边界界属属性性包包括括边边界界margin、下下边边界界margin-bottom、左左边边界界margin-left、右右边边界界margin-right以及上边界以及上边界margin-top。margin-left、margin-fight、margin-top和和margin-bottom属属性性可可以以分分别别用用来来设设置置左左、右右、上上、下下边边界界的的宽宽度度，它它们们的的取取值值可可以以是是长长度度、百百分分比比或或auto。margin属属性性可可以以同同时时指指定定上上、右右、下下、左左（以以此顺序）边界的宽度。此顺序）边界的宽度。2边界属性边界属性 CSS填填

33、充充属属性性包包括括填填充充padding、左左填填充充padding-left、右右填填充充padding-right、上上填填充充padding-top以以及及下填充下填充padding-bottom。padding-left、padding-right、padding-top和和padding-bottom这这四四个个属属性性用用于于设设置置左左、右右、上上、下下填充区的宽度，取值可以是长度和百分数。填充区的宽度，取值可以是长度和百分数。padding属属性性用用于于同同时时指指定定上上、右右、下下、左左四四个个方向填充的宽度。方向填充的宽度。3填充属性填充属性 CSS浮浮动动属属性性包

34、包括括float和和clear。float属属性性可可以以将将元元素素的的内内容容浮浮动动到到页页面面左左边边缘缘或或右右边边缘缘，该该属属性性的的取取值值为为：none、left、right，默默认认值值为为none。clear属属性性指指定定了了元元素素是是否否允允许许浮浮动动元元素素在在它它旁旁边边，取取值值可可以以是是：none、left、right、both，默默认认值值为为none，表表示示允允许许浮浮动动元元素素在在其其旁旁边边；left表表示示跳跳过过左左边边的的浮浮动动元元素素；right表表示示跳跳过过右右边边的的浮浮动动元元素素，both表表示示跳跳过过所所有有的的浮动元

35、素。浮动元素。4、浮动属性、浮动属性 CSS定定位位属属性性包包括括position、top、bottom、left、right和和z-index，宽、高属性包括宽、高属性包括width和和height。position属属性性用用来来规规定定元元素素怎怎样样在在Web页页上上定定位位，它的取值为：它的取值为：static（默认值）、默认值）、relative或或absolute。top和和left属属性性用用来来规规定定某某个个元元素素与与其其他他元元素素之之间间的距离。的距离。width和和height属属性性可可以以控控制制元元素素的的宽宽度度和和高高度度，此时此时position属性必

36、须指定为属性必须指定为absolute。3.4.5 定位和显示属性定位和显示属性 1定位属性和宽高属性定位属性和宽高属性 在在CSS中中，有有两两个个属属性性可可以以控控制制元元素素的的显显示示和和隐隐藏藏，即即display属性和属性和visibility属性。属性。display属属性性确确定定一一个个元元素素是是否否应应绘绘制制在在页页面面上上，它它的的取取值值有有多多个个，但但在在一一般般的的浏浏览览器器中中，只只有有一一个个none值可以使用。值可以使用。visibility属属性性有有时时也也被被分分类类为为定定位位属属性性，用用来来控控制制定定位位的的元元素素是是否否可可见见，取

37、取值值包包括括：visible（可可见见）、hidden（隐藏）和隐藏）和inherit（继承），默认值为继承），默认值为inherit。2显示属性显示属性 CSS的的鼠鼠标标样样式式属属性性用用于于设设置置鼠鼠标标移移到到元元素素上上时时的的鼠鼠标标形形状状。通通常常情情况况下下，鼠鼠标标呈呈指指向向左左上上方方的的箭箭头头，而而当当鼠鼠标标移移到到超超链链接接上上时时呈呈手手的的形形状状。有有了了鼠鼠标标样样式式属性，用户就可以随意地设定鼠标的形状。属性，用户就可以随意地设定鼠标的形状。CSS的的鼠鼠标标样样式式是是通通过过cursor样样式式表表属属性性定定义义的的，格式为：格式为：cu

38、rsor：属性值属性值 3.4.6 鼠标样式属性鼠标样式属性 列列表表样样式式属属性性用用于于设设置置页页面面中中的的列列表表格格式式。CSS中中的的列列表表样样式式属属性性包包括括：list-style、list-style-type、list-style-image以及以及list-style-position。list-style-type属属性性用用于于设设置置项项目目符符号号和和编编号号样样式式，取取值值为为：disc（默默认认值值，实实心心黑黑点点）、circle（空空心心圆圆圈圈）、square（方方块块）、decimal（十十进进制制数数1，2，3等等）、lower-roman

39、（小小 罗罗 马马 数数 字字）、upper-roman（大大罗罗马马数数字字）、lower-alpha（小小写写字字母母）、upper-alpha（大写字母）和大写字母）和none（无）。无）。3.4.7 列表样式属性列表样式属性 滤滤镜镜（filter）是是CSS的的一一种种扩扩充充。使使用用这这种种技技术术只只用用几几句句代代码码就就可可以以把把类类似似于于Photoshop中中的的滤滤镜镜效效果果添加到图片、文本等添加到图片、文本等HTML元素上。元素上。filter样式表的属性定义为：样式表的属性定义为：filter：过滤器名称（参数）过滤器名称（参数）3.4.8 CSS滤镜滤镜 习习 题题1.什么是什么是CSS？2.CSS语句有哪三部分组成？语句有哪三部分组成？3.常用的常用的CSS选择符有哪些？选择符有哪些？4.如何将如何将CSS引入到引入到HTML中？中？