欢迎来到天天文库
浏览记录
ID：40078247
大小：1.32 MB
页数：38页
时间：2019-07-20
《使用css样式控制网页外观》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、本章将介绍CSS样式的基本知识以及使用CSS样式控制网页外观的基本方法。第8章 使用CSS样式控制网页外观学习目标了解CSS样式的作用及其类型。掌握创建和设置CSS样式的方法。掌握附加样式表的方法。掌握使用CSS样式控制网页外观的基本方法。8.1认识CSS样式CSS（CascadingStyleSheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，用于定义表现形式的CSS规则存
2、放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，这样将缩短浏览器的加载时间。8.1认识CSS样式在使用了CSS样式的网页文档的源代码中，“”中间存放的是控制文档外观的CSS代码，位于文档的文件头部分，“
3、框。可以方便地为网页中的元素设置不同的背景颜色、背景图片及平铺方式。可以更加精确地控制网页中各元素的位置，使元素在网页中浮动。•可以为网页中的元素设置各种滤镜，从而产生诸如阴影、辉光、模糊和透明等只有在一些图像处理软件中才能实现的效果。可以与脚本语言相结合，使网页中的元素产生各种动态效果。CSS样式可以实现的功能。8.2【CSS样式】面板在DreamweaverCS3中，【CSS样式】面板是新建、编辑、管理CSS样式的主要工具。在打开文档窗口的情况下，选择【窗口】/【CSS样式】命令可以打开或关闭【CSS样式】
4、面板。8.3CSS样式的类型和规则CSS样式的类型CSS样式的规则8.3.1CSS样式的类型根据选择器类型的不同，CSS样式通常划分为以下3类。（1）【类（可应用于任何标签）】利用该类选择器可创建自定义名称的CSS样式，能够应用在网页中的任何标签上。在网页文档中可以使用class属性引用“pstyle”类。5、style">…8.3.2CSS样式的类型（2）【标签（重新定义特定标签的外观）】利用该类选择器可对HTML标签进行重新定义、规范或者扩展其属性。8.3.3CSS样式的类型（3）【高级（ID、伪类选择器等）】利用该类选择器会对标签组合（如“tdh2”表示所有在表格单元中出现“h2”的标题）或者是含
5、style">…
6、有特定ID属性的标签（如“#myStyle”表示所有属性值中有“ID="myStyle"”的标签）应用样式。而“#myStyle1a:visited,#myStyle2a:link,#myStyle3…”表示可以一次性定义相同属性的多个CSS样式。其中，ID属性用于定义一个元素的独特的样式，如以下CSS规则可以通过ID属性应用到HTML中：…
7、的规则样式表的定义CSS样式表定义的基本语法：CSS声明方式样式表是由样式规则组成的，每个CSS样式规则由两部分组成：选择器和声明。选择器是标识已设置格式元素的术语，如body、p、类名称或ID；而声明则用于定义样式属性，大多数情况下为包含多个声明的代码块。即通过很多属性来定义一个元素，每个属性带一个值，共同描述选择器应该如何呈现。样式规则组成如下：选择器{属性:值}单一选择器的复合样式声明应该用分号隔开：选择器{属性1:值1;属性2:值2}8.3.2CSS样式的规则以下是一段定义“h2”元素的字体、大小、颜色
8、和对齐方式等属性的CSS样式代码：
此文档下载收益归作者所有
