网页设计三合一教程 教学课件 作者 周从军 李旭峰第6章.ppt

《网页设计三合一教程 教学课件 作者 周从军 李旭峰第6章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计三合一教程主讲教师2021/8/311第6章CSS样式表的创建及应用主讲教师本章要点创建CSS样式表套用CSS样式表编辑CSS样式表6.1　创建CSS样式6.1.1　CSS样式类型的介绍6.1.2　创建调用脚本的CSS样式6.1.3　指定范围内标签样式的定义6.1.1　CSS样式类型的介绍CSS概念层叠样式表的简称。其基本概念在于可将网页要展示的内容与样式设定分开，即将网页的外观设定信息从网页内容独立出来，并集中管理。类型简介在【新建CSS规则】对话框中有【类】、【标签】和【高级】3种选择器类型。6.1.2　创建调用脚本的CSS样式【ID】属性通过【ID】属性来识别标记

2、和定位文档的位置在调用脚本时会经常用到。定义名字为“li1”的规则。应用“li1”规则在【标签选择器】中选择要应用规则的【标签】，右击鼠标，在弹出的快捷菜单中选择【设置ID】

3、【li1】即可将设置的规则应用到选择的标签里。6.1.3　指定范围内标签样式的定义说明：使用【高级（ID伪类选择器等）】也能够定义指定范围内的标签规则。例如：定义让表格内的水平条为红色，而表格外的水平条保持不变的样式。6.2　应用CSS样式表6.2.1设置文字大小6.2.2行间距的设置6.2.3设置图片的边框效果6.2.4固定背景6.2.1　设置文字大小1．新建CSS样式2．设置CSS样式的类型、区块标签

4、3．预览效果设置字体后的预览效果6.2.2　行间距的设置1．编辑CSS样式2．应用CSS样式设置行间距后的效果6.2.3　设置图片的边框效果1．创建为图片定义的CSS样式2．图片边框的参数意义3．设置边框参数4．浏览器中的效果为网页中的图片加上边框后的预览效果6.2.4　固定背景1．设置网页背景2．新建背景的CSS规则3．设置固定背景