用css3进行布局1

• 开始布局注意事项
• 在旧版浏览器上为HTML5元素添加样式
• 对默认样式进行重置或标准化
• 盒模型

• 修改背景

  开始布局注意事项

  1，内容与显示分离
  应保持HTML和CSS分离
  2，浏览器注意事项
  （1）通常需要在很多浏览器上对页面进行测试。
  （2）有必要针对IE的特定版本编写css样式规则。
  3，布局方法
  （1）固定布局，整个页面和每一栏都有基于像素的宽度。
  （2）流式布局，使用百分数定义宽度，允许页面随显示环境的改变进行放大或缩小，被用于创建响应式布局和自适应布局。
  （3）弹性布局，对宽度和其他所有属性的大小值都使用em，从而让页面根据用户的font-size设置进行缩放。

在旧版浏览器上为HTML5元素添加样式

大多数浏览器允许对他们并不原生支持的元素添加样式
1，针对全部浏览器为HTML新元素添加样式
article,aside,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
大多数浏览器默认将他们无法识别的元素作为行内元素处理。
2，替代方法

<div class="header">...</div>
<div class="article">...</div>