web开发的标准（DIV和CSS），个人总结（一）

一、xhtml,css的基础知识

1.css优先级
id优先级高于class 
后面的样式覆盖前面的 
指定的高于继承 
行内样式高于内部或外部样式 
总结：单一的(id)高于共用的(class)，有指定的用指定的，无指定则继承离它最近的 

2.css盒模型组成
内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。

二、一列布局

1.一列固定宽度居中
在IE6及以上版本和标准的浏览器当中，当设置一个盒模型的的margin:auto;时，可以让这个盒模型居中。
2.一列自适应宽度
自适应宽度是相对于浏览器而言，盒模型的宽度随着浏览器宽度的改变而改变。这时要用到宽度的百分比。当一个盒模型不设置宽度时，它默认是相对于浏览器显示的。
这个是由body默认的外边距造成的。当我们不用任何样式表进行定义时，body，h1－h6，ul等元素默认有外边距或其它样式的。这里我们在css样式中增加一项：body {margin:0;}，就可以把body默认的外边距去掉，这时再预览一下，白边就没了。
注意：

为什么两个相邻的容器中间的间距不是10px，而是5px呢？按照我们正常的理解，认为应该是两个值相加，其实这里是两个合并后取最大值。用css手册中的话说：块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

知识点总结