第六章 CSS样式表.docVIP

CSS样式表 知识目标： 什么是CSS样式 掌握CSS样式的定义与应用 掌握style对象 掌握CSS属性 学会使用CSS+Div美化页面和布局 Javascript 与CSS 结合实现的特效 CSS样式表基础 ①样式定义的格式 CSS是Cascading Style Sheets 的缩写，即层叠式样式表。 语法：选择符{样式属性1，属性2，....} 样式类型：普通样式、类样式、id样式 ②样式表位置分类 A. 嵌入样式表 案例：使用嵌入样式表案例 B. 链接外部样式表：引入外部的样式表 link rel=”stylesheet” href=”style.css” type=”text/css” style @import URL(“外部样式表文件”); /style D. 内嵌样式 body style=”font-family:宋体” ③样式表的作用优先顺序遵循以下原则： 内嵌样式表所定义样式的优先级最高 其他样式按其在HTML文档中出现或者被引用的顺序，遵循就近原则，靠近文本越近的优先级越高 选择符的优先顺序为：上下选择符、类选择符、id选择符 未在任何文件中定义的样式，将遵循浏览器的默认样式 案例：外部样式表和内嵌样式表 2、常用样式组合 知识点： 改变颜色和背景图像 使用字体 边距和边框 ①相关知识 文本对齐 文本对齐属性 属性 说明 Letter-spa