第5章CSS样式及应用主要内容CSS样式的概念与作用CSS样式的格式规则及样式类型CSS样式设置与管理在网页设计与维护中应用CSS样式5
1CSS样式概述5
1CSS样式概念及作用CSS:CascadingStyleSheets,层叠样式表CSS是页面格式设置的一项技术,CSS包括一系列格式设置规则
利用CSS样式不仅可以对网页中的文本进行精确的格式化控制,设置字体、字号、颜色、背景、字符间距、行距、段落缩进等,还可以为网页设置背景色或背景图片,设置各种链接动态效果等
把CSS样式保存为外部文件,可以控制多个网页
对CSS样式进行修改时,应用该样式的文档格式会自动发生改变
CSS最主要的目的是使页面格式设置与页面内容独立开来,可以单独设置样式然后应用到页面中,提高网页设计和管理维护的效率
2CSS格式设置规则CSS格式设置规则由两部分组成:选择器和声明
选择器是标识格式元素的术语(如P、H1、类名或ID),声明用于定义元素样式
H1{font-size:16pixels;font-family:Helvetica;font-weight:bold;}其中,H1是选择器,介于花括号“{}”之间的所有内容都是声明
3CSS样式的存在形式及样式类型⑴外部CSS样式表外部样式就是按照CSS的语法规则编写的文本文件,利用HTML文档的link标签,将外部CSS文件连接到文档中,实现对文档的格式控制
⑵内部CSS样式内部CSS样式也称嵌入式样式,它保存于HTML文档中,样式代码直接出现在HTML文档的-标签内,具体包括在style标签中
内部CSS样式仅作用与它所在的HTML文档
⑶内联样式内联样式是直接在标签内使用的样式
如:内联样式主要用于对特定的标签作具体的调整,内联样式的作用范围仅限于该特定标签
3CSS样式的存在形式及样式类型2.样式类型⑴