web开发案例ch培训教程文件.pptVIP

第5章 层叠样式表(CSS) 教学目标 教学重点 教学过程 内容回顾 ◆选择符： * {color:red;} h1{color:red;} h2,h3{color:blue;} div h4{color:#990099;} #green {color:green;} .warning {font-style:italic;} p.warning {color:red;} p .warning{color:red;border:1px solid;} 内容回顾 ◆ CSS伪类(pseudo-class) a:link {color: #FF0000}???? /* 未被访问的链接 红色 */ a:visited {color: #00FF00}? /* 已被访问过的链接 绿色 */ a:hover {color: #FFCC00}?? /* 鼠标悬浮在上的链接 橙色 */ a:active {color: #0000FF}?? /* 鼠标点中激活链接 蓝色 */ 区分不同链接 a.c1:link {color: #FF0000}? a.c1:visited {color: #00FF00}? a.c1:hover {color: #FFCC00}? a.c1:active {color: #0000FF}?? 内容回顾 ◆常用简写属性 font border bac