DIV和CSS布局入门(2)

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">　　clear: left;
<br clear="right">　　clear: right;
<br clear="all"> 　　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) 以及更多

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有