HTML布局总结

网页的三大元素
结构（内容html标签）+表现（布局CSS）+行为（js）

CSS选择器
1.标记选择器
2.类别选择器(.red)
3.ID选择器（#name）
4.复合选择器
（交集选择器  标记选择器+类别选择器||ID选择器）
（并集选择器 以逗号相连）
（后代选择器 p span|| p>span）

使用CSS的方法
1.行内样式 style=””;
2.内嵌式 <style type=”text/css”> </style>
3.链接式 <link href=””, type=”text/css”, rel=”stylesheet”>
4.导入样式<style type=”text/css”> @import url(“sheet1.css”) </style>

网页盒子模型
margin-border-paddding

盒子定位->postion
分为四大类
1.satic(默认，静态定准、标准流定位，包括浮动方式float)
2.relative(相对定位，以标准流定位为基础)
3.absolute(绝对定位，脱离标准流，找父类绝对定位为基础)
4.fixed(固定定位，以浏览器窗口为基础)

HTML布局总结

原文：http://www.cnblogs.com/beta-data/p/4542833.html