HTML+CSS+jQuery Mobile网页设计教程.pptVIP

10.3.5background-attachment属性——背景图像固定在CSS样式表中，针对背景元素的控制，提供了background-attachment属性，通过对该属性的设置可以使页面的背景不受滚动条的限制，始终保持在固定位置。background-attachment属性语法格式如下。background-attachment:scroll|fixed;练习：固定网页中的背景图像最终文件：光盘\最终文件\第10章\10-3-5.html视频：光盘\视频\第10章\10-3-5.mp4

10.4使用CSS设置列表样式通过CSS属性来控制列表，能够从更多方面控制列表的外观，使列表看起来更加整齐和美观，使网站实用性更强。在CSS样式中专门提供了控制列表样式的属性，本节就不同类型的列表分别进行介绍。10.4.1list-style-type属性——设置列表符号在CSS样式中，list-style-type属性用于控制无序列表项目前面的符号，list-style-type属性的语法格式如下。list-style-type:disc|circle|square|none;10.4.2list-style-image属性——自定义列表符号除了可以使用CSS样式中的列表符号，还可以使用list-style-image属性自定义列表符号，list-style-image属性的基本语法如下。list-style-image:图片地址;练习：设置新闻列表效果最终文件：光盘\最终文件\第10章\10-4-1.html视频：光盘\视频\第10章\10-4-1.mp4练习：自定义新闻列表符号最终文件：光盘\最终文件\第10章\10-4-2.html视频：光盘\视频\第10章\10-4-2.mp410.4.3设置定义列表定义列表是一种比较特殊的列表形式，相对于有序列表和无序列表来说，应用得比较少。定义列表的dl标签是成对出现的，并且需要在“代码”视图手动添加代码。从dl开始到/dl结束，列表中每个元素的标题使用dt/dt标签，后跟随dd/dd标签，用于描述列表中元素的内容。练习：制作复杂新闻列表最终文件：光盘\最终文件\第10章\10-4-3.html视频：光盘\视频\第10章\10-4-3.mp410.5.1border-width属性——边框宽度

10.5使用CSS设置边框样式在CSS样式中，通过对border属性进行定义，可以使网页元素的边框有更加丰富的样式，从而使元素的效果更加美观。border属性语法格式如下。border:border-style|border-color|border-width;可以通过CSS样式中的border-width来设置元素边框的宽度，以增强边框的效果。border-width的语法格式如下。border-width:medium|thin|thick|length;10.5.2border-style属性——边框样式border-style属性用于设置元素边框的样式，既定义图片边框的风格。border-style的语法格式如下。border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;10.5.3border-color属性——边框颜色可以通过CSS样式中的border-color属性来定义边框额的颜色。border-color的语法格式如下。border-color:颜色值;练习：为网页元素添加边框效果最终文件：光盘\最终文件\第10章\10-5-3.html视频：光盘\视频\第10章\10-5-3.mp410.6.1:link伪类

10.6超链接CSS样式伪类对于网页中超链接文本的修饰，通常可以采用CSS样式伪类。伪类是一种特殊的选择符，能被浏览器自动识别。其最大的用处是在不同状态下可以对超链接定义不同的样式效果，是CSS本身定义的一种类。CSS样式中用于超链接的伪类有如下4种。:link伪类，用于定义超链接对象在没有访问前的样式。:hover伪类，用于定义当鼠标移至超链接对象上时的样式。:active伪类，用于定义当鼠标单击超链接对象时的样式。:visited伪类，用于定义超链接对象已经被访问过后