当前位置：网页设计首页 >> HTML/Xhtml >> WEB标准教程：Div+CSS布局入门教程

WEB标准教程：Div+CSS布局入门教程 (3)

2007-12-13 19:14:06 作者：来源：浏览次数：1141 文字大小：【大】【中】【小】

/*文中的样式表语法中的"("及")"为示例所用,因为blog每次保存花括号都出现错误。请在使用时改为正确的符号*/

　　BODY
　　(
　　background: url(images/bg_page.jpg);
　　font: 10pt verdana,arial,;
　　margin-top: 0px;
　　margin-left: 0px;
　　margin-right: 0px;
　　margin-bottom: 0px;
　　)
　　H1, H2, H3, H4, H5, H6
　　(
　　border-bottom: solid 1px #ccc;
　　margin: 1em 0;
　　)
　　TD
　　(
　　font: 10pt;
　　)
　　A:link
　　(
　　color: #057AE0;
　　text-decoration: none;
　　)
　　A:visited
　　(
　　color: #057AE0;
　　text-decoration: none;
　　)
　　A:hover
　　(
　　color: #009900;
　　)
　　A:active
　　(
　　color: #009900;
　　)

　　这样的一个样式文件，可以适用于任何一个网页，只要添加引用我们都可以立刻看见效果。

　　由于样式表的继承规则是外部的标签样式会保留下来继承给这个标签所包含的其他标签。事实上，所有在标签中嵌套的标签都会继承外层标签指定的属性值，有时会把很多层标签的样式叠加在一起，例如在body标签中定义了字体大小，那么div、p等标签也会继承一样的字体大小，如果在P标签中又定义了字体颜色，那么P标签中的文字既具有body标签的字体大小又有P标签的字体颜色。需要注意的是，table标签不会继承body的字体大小设定，所以在上面的样式表中，我们单独来定义td的样式。