HTML结构化DIV＋CSS布局入门指南（二）

 　marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" margin： 0； 使用CSS， margin可以设置在任何元素上， 不仅仅是body元素。更重要的，你可以分别指定元素的top， right， bottom和left的margin值。

　　vlink="#333399" alink="#000000" link="#3333FF" a：link #3ff；

　　a：visited： #339；

　　a：hover： #999；

　　a：active： #00f；

　　在HTML中，链接的颜色作为body的一个属性值定义。整个页面的链接风格都一样。使用CSS的选择器，页面不同部分的链接样式可以不一样。

　　bgcolor="#FFFFFF" background-color： #fff； 在CSS中，任何元素都可以定义背景颜色，不仅仅局限于body和table元素。

　　bordercolor="#FFFFFF" border-color： #fff； 任何元素都可以设置边框（boeder），你可以分别定义top， right， bottom和left

　　border="3"　cellspacing="3" border-width： 3px； 用CSS，你可以定义table的边框为统一样式，也可以分别定义top， right， bottom and left边框的颜色、尺寸和样式。

　　你可以使用 table， td or th 这些选择器。

　　如果你需要设置无边框效果，可以使用CSS定义： border-collapse： collapse；

　　＜br clear="left"＞

　　＜br clear="right"＞

　　＜br clear="all"＞

　　clear： left；

　　clear： right；

　　clear： both；

　　许多2列或者3列布局都使用 float属性来定位。如果你在浮动层中定义了背景颜色或者背景图片，你可以使用clear属性。

　　cellpadding="3"

　　vspace="3"

　　hspace="3" padding： 3px； 用CSS，任何元素都可以设定padding属性，同样，padding可以分别设置top， right， bottom and left.padding是透明的。

　　align="center" text-align： center；

　　margin-right： auto； margin-left： auto；

　　Text-align 只适用于文本。

　　象div，p这样的块级可以通过margin-right： auto； 和margin-left： auto；来水平居中

　　一些令人遗憾的技巧和工作环境

　　由于浏览器对CSS支持的不完善，我们有时候不得不采取一些技巧（hacks）或建立一种环境（Workarounds）来让CSS实现传统方法同样的效 果。例如块级元素有时侯需要使用水平居中的技巧，盒模型bug的技巧等等。所有这些技巧都在Molly Holzschlag的文章《Integrated Web Design： Strategies for Long-Term CSS Hack Management》中有详细说明。

　　另外一个关于CSS技巧的资源站点是Big John和Holly Bergevin的"Position is Everything"。

　　理解浮动行为

　　Eric Meyer的《Containing Floats》将帮助你掌握如何使用float属性布局。Float元素有时候需要清除（clear），阅读《How To Clear Floats Without Structural Markup》将非常有帮助。

　　更多帮助

　　已有的《CSS Discussion》列表是很好的资源，它收集了一个WiKiA讨论组的信息，其中包括CSS布局总结（css- discuss.incutio.com/？Page=CssLayouts），CSS 技巧总结 （css-discuss.incutio.com/？Page=CssHack） 以及更多。

[1][2]