CSS小记
1.Label与Textarea顶部对齐label与textarea默认是底部对齐,如果textarea的行数(rows)很多就很不美观。
在label中加入样式 vertical-align:top,就能使文字与textarea顶部对齐了。
例如:
<label style="vertical-align:top" >评论内容:</label><textarea name="content" cols="60"></textarea>
2.页面布局宽度自适应以两栏为例(A|B),A栏定宽,B栏宽度auto margin-left > A的width即可。
注: A浮动B不浮动 注意最后clear:both.
3.带滚动条的DIV如下样式即可
#scroll-div {
border: none;
white-space: nowrap;
overflow: auto;
height: xx px;
}
4.恶搞:干掉IE6.
<style>*{position:relative}</style><table><input></table>
5.经验.功能性CSS和样式性CSS独立设定,某些常用样式另单独设定 例如 .float-left{ float:left !important}
IE6下下拉菜单被滚动图片什么的盖住的问题找到菜单和图片的最高级父元素 赋予合理的z-index即可。
让文字隐藏 显示背景图 一般应用于logotext-indent: -9999px;