CSS初学笔记

网页制作标准最大分辨率宽1000px
.f_left {float: left;}
.f_right {float:right;}
.clearfix {display: block;}
*{ font:14px/24px Microsoft YaHei,Arial,sans-serif; list-style:none; padding:0; margin:0;}
* img{ vertical-align:top}
* img{ border:0}
.clearfix:after{ content:"."; display:block;height:0; line-height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}










ol li
<br/>
margin
padding
font-size
line-height
font-family:"Microsoft YaHei","SimSun","Arial Narrow";
list-style-image:使用图像来替换列表项的标记
list-style-type设置列表项标记的类型
vertical-align设置元素的垂直对齐方式
content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容
display属性规定元素应该生成的框的类型  
block此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
visibility 属性规定元素是否可见属性规定元素是否可见
text-decoration 属性规定添加到文本的修饰。
border-bottom边框底部属性
cursor光标
position: relative 相对定位，原来的位置进行移动


white-space: nowrap
opacity:0.5;filter: Alpha(Opacity=50);
position: absolute;
text-align: center








*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的 问题*




{width:47px; height:73px; float:right; position:fixed;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop +document.documentElement.clientHeight-this.offsetHeight-(parseInt (this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;
}/*解决IE6下不兼容 position:fixed 的问题*








position:fixed; 相对于浏览器窗口绝对定位。
_position:absolute; 只有IE6能识别, IE6不支持fixed, 所以针对IE6使用absolute绝对定位, 一般还 要配套一个expression脚本来实现




background:url(../imagesst01.png) no-repeat 0 center;
的意思是 图像地址 不重复 水平位置0 垂直位置居中


0 center 的意思就是 水平位置0 垂直位置居中
-4px -3px 的意思就是 水平位置-4px  垂直位置-3px 




.bg_qianhuang .t2{background: url("../images/double_line.png") repeat-x scroll center  bottom; line-height:35px; height:35px; padding-left:10px;}