1、大概排版
<style type="text/css">
<!--
body {
}
#container{
#banner{
}
#content{
}
#links{
}
#footer{
}
.clear { clear:both; visibility:hidden;
}
-->
</style>
<div id="container">
</div>
2、任意宽度的DIV层中的UL和LI自动居中
<style>
ol,ul{list-style:none}
#cha{ background:#00FFFF; height:50px; }
#cha ul {
#cha li{
</style>
</head>
<body>
<div id="cha">
</div>
3、在div+css的盒子模式里,分为块元素和行内元素两种
块级元素的位置可以用margin,padding来起作用,而行内元素只可以用padding 来进行上下的设置,也可以从字面上理解,使用margin的 行只能设置左右,不能进行上下的设置
上面的<span></span>属于行内元素,所以你的margin设置是不起作用的,你可以把margin换成padding;或者用display:bolck把它变成块级元素
<div>属于块级元素了,所以可以用margin来进行设置
display常用参数: none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
4、词不间断换行
.wordspan { float:left; padding:5px; word-break:normal; width:auto; display:block; white-space:nowrap; }