CSS小记

 区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;


display:inline;    //消除行
display:block;    //换行
display:none;    //隐藏
border:1px solid #111111;// 描边
border:1px solid #DCDDDD;  //灰边框
white-spqce： nowrap  :强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

lin_height:  px;检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
overflow :hidden;不显示超过对象尺寸的内容


clear : none | left | right | both
取值：
none  : 默认值。允许两边都可以有浮动对象
left  : 不允许左边有浮动对象
right  : 不允许右边有浮动对象
both  : 不允许有浮动对象




 border-bottom:5px solid #EFEFEF; /*画一条浅灰色实线*/

#pagebody {
 width:730px; /*设定宽度*/
 margin:8px auto; /*居中*/
}
#sidebar {
 width:160px; /*设定宽度*/

margin是外部距离，而padding则是内部距离/
margin:0 auto;
按照前面的说明，可以知道，表示上下边距为0，左右为自动，因此该层就会自动居中了。


 text-align:left; /*文字左对齐*/
 float:left; /*浮动居左*/
 clear:left; /*不允许左侧存在浮动*/
 overflow:hidden; /*超出宽度部分隐藏*/
}
#mainbody {
 width:570px;
 text-align:left;
 float:right; /*浮动居右*/
 clear:right; /*不允许右侧存在浮动*/
 overflow:hidden
}
使内容太长（例如图片）的部份自动被隐藏。通常我们会看到一些网页在载入时，由于图片太大，导致布局被撑开，直到页面下载完成才恢复正常，通过添加overflow:hidden就可以解决这个问题。
em:元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时，会出现异常，这时它指母元素的字体大小。

ex(x-高度):CSS2规范将它描述为小写字母x的高度。

px(像素):它与背景或屏幕的分辨率有关。根据显示器分辨率输出不同像素，由于用户的喜好不同，显示器的分辨率可能会有很大差异。


对一个块级元素使用margin:0 auto;可以让其对于其父级元素来说居中

　CSS命名规范

　　一．文件命名规范

　　全局样式：global.css；

　　框架布局：layout.css；

　　字体样式：font.css；

　　链接样式：link.css；

　　打印样式：print.css；

　　二．常用类/ID命名规范

　　页　眉：header

　　内　容：content

　　容　器：container

　　页　脚：footer

　　版　权：copyright　

　　导　航：menu

　　主导航：mainMenu

　　子导航：subMenu

　　标　志：logo

　　标　语：banner

　　标　题：title

　　侧边栏：sidebar

　　图　标：Icon

　　注　释：note

　　搜　索：search

　　按　钮：btn

　　登　录：login

　　链　接：link

　　信息框：manage