网页布局基础
浏览数：39 /
时间：2015年06月09日
W3C标准：
结构化标注语言 -- HTML和XML
行为标准语言 -- DOM和ECMAScript
表现标准语言 -- CSS
倡导的就是结构、样式和行为的相互分离。
CSS中的定位机制：
存在三种定位机制：
标准文档机制（nomal fluid），
浮动(floats)，
绝对定位（absolute positioning）
标准文档流：
特点：从左到右，从上到下，输出文档内容
组成：块级元素和行级元素组成
块级元素：
能从左到右撑满页面，独占一行
碰触到页面边缘时，会自动换行
常见块级元素：
div,ul,li,dl,dt,p...
行级元素：
能在同一行中显示，不会改变html文档结构
常见行级元素：
span,strong,image,input...
行级元素和块级元素都是盒子模型
盒子模型：
网页布局的基石。4个部分组成：border magin padding content
四个属性值：上 右 下 左
三个属性值：上 左右 下
两个属性值： 上下 左右
一个属性值： 上下左右
盒子模型3D模型：
第一层：border
第二层：content + padding
第三层：background-image
第四次：background-color
第五层：margin
为避免浏览器自身的外填充或者内填充：
margin: 0
padding： 0
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
