CSS初记

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即可。

让文字隐藏 显示背景图 一般应用于logo

text-indent: -9999px;

查看更多 下一篇