布局和定位

布局用float
position是用来定位的。
css规定的定位机制有三种，分别是：绝对定位，标准文档流，浮动定位（float），fixed定位不是。
盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。
一列式布局居中 ：width不能是100%，margin-left：auto；margin-right：auto；不能设置float和 position：absolute/fixed属性（这样就不能居中了）。

w3c标准是由万维网联盟指定的一系列标准，包括：机构化标准语言（html和xml），表现标准语言（css）行为标准语言（Dom和ecmascript），倡导结构 样式 行为 分离。

浮动布局 float 可实现块级元素横向排列
元素会左移 右移 直到触碰到容器为止。
设置了浮动的元素，仍旧处于标准文档流中。？？？不是吧！
当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化。对紧挨着它的后面的元素会有影响。
清除浮动的常用方法：（对受到浮动影响的元素使用）
方法一：clear属性。方法二：同时设置100%（或固定宽度）+overflow：hidden。(方法二一般是父级元素用来清除浮动的)方法三：在受到浮动影响的元素之前添加空的兄弟元素（不推荐）
当父包含块缩成一条的时候，用clear：both方法清除浮动无效，它一般用于紧邻后面的元素的清除浮动

两种清除浮动方法的使用场景：
1、当子元素设置了浮动，父元素没有设置浮动而导致的父元素高度不能自动扩展，缩成一条线，子元素从父元素中溢出时，适合使用同时设置width:100%（或固定宽度值）+overflow:hidden的方式来清除浮动；此法可同时去除紧邻的块级受到的浮动影响，而不需要再对受到浮动影响的紧邻块级元素设置去除浮动。
2、如果是紧邻的块级元素受到浮动影响,对该受到影响的块级设置clear:both或者clear:left,clear:right更为合适。

绝对定位布局
能够实现横向多列布局及较为复杂的定位（eg：带有遮罩层效果的提示框、固定层效果 全屏广告==）
absolute fixed 都属于绝对定位。

使用absolute实现横向两列布局，比float使用的少，适用于这样的场景：一列固定宽度，另一列宽度自适应。
应用技能：
1.要对父元素设置相对定位 relative
2. 自适应宽度元素绝对定位 absolute。
也就是说absolute元素要在relative元素里面。
3. 需要注意：固定宽度列的高度要大于自适应宽度的列。

已知一个设置了绝对定位的元素 b，位于其父元素 a 中，a 元素为静态定位，则 b 元素将以（html元素（不是body元素） ）为基准进行偏移。

在网页制作中，面对设计图，网页制作人员一般要遵循的原则是什么？
一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式。