网页布局基础.docVIP

网页布局基础 CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。 W3c标准：结构化标准语言（HTML和XML），表现标准语言（CSS），行为标准语言（Dom和ECMAScript）。 标准文档流：从上到下，从左到右输出文档内容。由块级元素和行级元素组成。 块级元素：从左到右撑满页面独占一行，触碰到页面边缘时会自动换行。有：div、ul、li、dl、dt、p 行级元素:span、strong 、img、input不会独占一行 块级元素和行级元素都是盒子模型。 盒子模型：边框（border）、外边距（margin）、内边距（pading）、内容（content） 盒子3D模型：从上到下依次为：border、content+padding、background-image、background-color、margin 实现自动居中——列布局的三个技能点：标准文档流，块级元素，margin属性。网页设置完居中后（代码为：#wrap{width:700px;margin:0 auto;}）就不能再设置浮动属性以及位置属性了，否则位置就不会再居中。 对于网页居中：首先设置整体id为：上下 margin 不用设置为 auto，只设置右左就可以。width:100%; 也不可以，一定设置为一个不为 100% 的值。然后设置局部id为：width：100% 浮动布局：可以实现横向多