web开发案例ch06

《web开发案例ch06》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第5章层叠样式表(CSS)教学目标教学重点教学过程内容回顾◆在HTML中使用样式的方法内嵌式样式表（标签内）ThisisalineofText.内部样式（间）h1{color:white;background-color:blue;}外部样式表

2、et"type="text/css"/>2内容回顾◆选择符：*{color:red;}h1{color:red;}h2,h3{color:blue;}divh4{color:#990099;}#green{color:green;}.warning{font-style:italic;}p.warning{color:red;}p.warning{color:red;border:1pxsolid;}3内容回顾◆CSS伪类(pseudo-class)a:link{color:#FF0000}/*未

3、被访问的链接红色*/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}4内容回顾◆常用简写属性fontborde

4、rbackgroundlist-style{font:italicbold11ptarial}{list-style:squareinsideurl('/i/arrow.gif')}{border:5pxsolidgray;}{background:#00FF00url(bgimage.gif)no-repeatfixedtop;}5内容回顾◆CSS盒子模式(BoxModel)CSS盒子模式规定了元素框处理元素内容、内边距、边框和外边距的方式。例子css_boxmodel6内容回顾.box{mar

5、gin:0;padding:0;width:500px;line-height:50px;border:2pxsolidblue;text-align:center;color:red;}7内容回顾这个标题BoxModel
一段文本BoxModel。