最新CSS样式表资料.ppt

《最新CSS样式表资料.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章CSS样式表CSS入门CSS详解创建和应用CSS链接外部CSS样式表__________________________________________________8.1CSS入门早期的网页一般是由HTML标签控制的文本网页，随着Web的流行与发展，漂亮的外观变得越来越重要。一方面HTML在控制页面格式和外观上越来越力不从心；另一方面HTML标签中充斥了大量的对外观属性的定义，网页要表现的“内容”与如何“表现”内容混杂在一起，HTML代码变得越来越繁杂，大量的标签堆积在一起，难以阅读和理解。________________________

2、__________________________8.1CSS入门1996年W3C（万维网联盟）提出了CSS技术规范，它以HTML语言为基础，提供了丰富的样式。应用了CSS样式的网页，将样式外观设置从HTML文档中分离出来，使代码清晰、容易维护。CSS一经引入即得到了广泛应用。__________________________________________________8.1CSS入门CSS是CascadingStyleSheets（层叠样式表）的简称。主要用于对网页中的文本或某一区块的布局、字体、颜色、背景和特效等进行精确控制。CSS可将

3、网页要展示的内容与样式设定分开，也就是将网页的外观设定信息从网页内容中独立出来，并集中管理。要改变网页外观时，只需更改样式设定的部分，而HTML文件本身并不需要更改。__________________________________________________8.1.1“CSS样式”面板“CSS样式”面板是新建、编辑、管理CSS的主要工具。选择“窗口”

4、“CSS样式”命令可以打开或者关闭“CSS样式”面板。“CSS样式”面板提供了全部模式和当前模式。全部模式可以跟踪文档可用的所有规则和属性。当前模式可以跟踪影响当前所选页面元素的CSS规则和属

5、性。__________________________________________________8.1.1“CSS样式”面板全部模式下的“CSS样式”面板没有定义CSS前，“CSS样式”面板空白显示。定义了CSS，“CSS样式”面板中会显示所定义好的CSS规则。__________________________________________________8.1.1“CSS样式”面板当前模式下在文档编辑区选择了使用CSS样式的元素，“CSS样式”面板中才能显示这个元素当前正在使用的CSS规则。______________________

6、____________________________8.1.1“CSS样式”面板3．显示类别视图__________________________________________________8.1.2定义CSS规则一般情况下，可在HTML网页文档（内部CSS）或和独立的CSS样式表文档（外部CSS）中新建CSS规则。__________________________________________________“新建CSS规则”对话新建一个HTML网页文档，打开“CSS样式”面板，单击“新建CSS规则”按钮，弹出“新建CSS规则”对话

7、框，如图所示。__________________________________________________“新建CSS规则”对话__________________________________________________8.1.2定义CSS规则（1）在“新建CSS规则”对话框中设置“选择器类型”，下拉列表中有4个选项，根据所要定义的CSS规则的需要任意选择一个类型。比如这里保持默认设置“类（可应用于任何HTML元素）”。（2）在“选择器名称”文本框选择或者输入一个CSS规则名称。不同的选择器类型，CSS规则名称的命名格式和方法是不一

8、样的。因为前一个步骤设置的选择器类型是“类”，所以这里在“名称”文本框中输入.mycss1（名称以点号.开始）。__________________________________________________8.1.2定义CSS规则（3）在“规则定义”下拉列表中有两个选项，可以设置CSS规则定义在本文档内还是定义在外部样式表文件中。__________________________________________________8.1.2定义CSS规则（4）单击“确定”按钮，弹出“.mycss1的CSS规则定义”对话框。在该对话框中可以分类设

9、置CSS规则的属性。__________________________________________________8