html css相关属性
auto(自动、自适应)
设置此样式让DIV布局水平居中于浏览器中，目的就是兼容各大浏览器让布局居中。如果不加margin:0 auto CSS样式，会造成布局在有的浏览器中居中有的浏览器靠左。
禁：如果要让DIV布局居中浏览器中，加入margin:0 auto就不能加入float浮动样式，避免逻辑错误，造成布局居中不兼容。
body {
text-align: center;
background: #CC3 url(./images/header.jpg) no-repeat 100px 200px;
background-attachment:fixed;
}
text-align: center; body中的文字居中
#CC3 body的背景色
div可以设置背景色，再设置一个背景图片，如果设置高度后，图片没有拉伸或重复铺盖，那么图片可能不能完全占有整个div空间，
这个时候没有占用的空间会显示背景色。
url图片：如果图片不拉伸或重复铺盖，那么图片会显示它本身的大小。默认是显示图片本身大小
background-attachment:fixed; 这个属性一般设置成fixed
scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时，背景图像不会移动。
inherit 规定应该从父元素继承 background-attachment 属性的设置。
no-repeat repeat-x repeat-y
repeat-x 是指图片重复铺盖，但不会拉伸图片
100px 200px 图片左偏移100px 上偏移200px
top/center/bottom left/center/right
20% 30% 这个比较难理解：偏移可活动空间的百分比。比如body宽500 背景图片400 可活动空间=500-400=100 横向偏移=100*20%=20
一般浏览器中body默认的margin设置为8px
ul的margin的默认值
所以需要注意很多元素margin都有默认值，最好将他们统统设置成0
另外，有些属性如果没有设置则会继承父元素的属性，如text-align:left;
<style type="text/css">
body{text-align: center; background: #CC3 url(./images/header_bg.jpg) repeat-x 0 0;background-attachment:fixed; padding: 0 0; margin: 0 0;}
.main { height:90px; background:#9C0; width:958px; margin:10px auto;}
</style>
<body>
<div class="main">
</div>
</body>
一般来说如果不设置div的高度，那么div的高度取决于内部元素的自适应高度。
如果div不设置高度，而且也不存放元素，则默认高度为0。当然我们可以设置背景色和高度来证明该div的存在。
如果div里面有元素，则高度为元素自适应高度
在CSS中关于定位的内容是：
position:relative | absolute | static | fixed
static(静态) 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。
relative(相对定位) 对象不可层叠、不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。
absolute(绝对定位) 脱离文档流，通过 top,bottom,left,right 定位。选取其最近一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
fixed（固定定位） 这里所固定的参照对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。
line-height 属性设置行间的距离（行高）。
在大多数浏览器中默认行高大约是 110% 到 120%。
p.small {line-height:90%}
p.big {line-height:200%}
--------------------------------------------------------------------------------------------------------
span
<html> <head> <style type="text/css"> .xx { color:#F00; display:block;font-weight:bold;} .yy { color:#F00;font-weight:bold;} </style> </head> <body> <div>111111<span class="xx">22222</span>3333</div> <div>111111<span class="yy">22222</span>3333</div> </body> </html>
浙公网安备 33010602011771号