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

网页设计三合一教程 主讲教师 第6章 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】属性来识别标记和定位文档的位置在调用脚本时会经常用到。 定义名字为“li1”的规则。 应用“li1”规则 在【标签选择器】中选择要应用规则的【标签】，右击鼠标，在弹出的快捷菜单中选择【设置ID】|【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样式的类型、区块标签 3．预览效果 设置字体后的预览