html5实现步骤 html5开发工具

1、html5实现步骤 html5开发工具定位position属性static：默认值，没有定位relative：相对定位absolute：肯定定位fixed：固定定位标准文档流标准文档流:是指页面上从上到下,从左到右,网页元素一个挨一个的容易的正常的布局方式。普通在html元素分为两种：块级元素和行内元素。像div,p这些的元素属于块级元素，块级元素是从上到下一行一行的罗列；默认一个块级元素会占用一行，而跟在后面的元素会另起一行罗列；行内元素是在一行中水平布置，从左到右的罗列；span,strong等属于行内元素。titledocument我是块级元素，我单独占一行 我单独占一行 我单独占一行我

2、是块级元素，我一行一行的罗列，我一行一行的罗列，我一行一行的罗列我的行内元素，我水平的罗列，我水平的排，我水平的排，我水平的罗列，我水平的罗列我是行内元素，没有那么霸道，没有那么霸道，没有那么霸道，没有那么霸道，没有那么霸道static定位position:static元素没有定位，以标准流方式显示position属性第一个盒子其次个盒子第三个盒子charset "gb2312"div width: 300px;margin:10px;padding:5px;font-size:12px;line-height:25px;father width: 500p

3、x;margin: 50px auto;border:1px 666 solid;padding:10px;first background-color:fc9;border:1px b55a00 dashed;second background-color:ccf;border:1px 0000a8 dashed;third background-color:c5decc;border:1px 395e4f dashed;相对定位relative属性值相对自身本来位置举行偏移偏移设置：top、left、right、bottom可以用left来描述盒子向右移动；可以用right来描述盒子向左的

4、移动；可以用top来描述盒子向下的移动；可以用bottom来描述盒子的向上的移动；假如是负数就是相反的方向。相对定位的盒子，不脱离标准流，老家保留位置，其后的元素不能占用其原有位置。相对定位的主要用途是作为其内部元素肯定定位时的参照标准，有相对于我之义。position属性第一个盒子其次个盒子第三个盒子charset "gb2312"div width: 300px;margin:10px;padding:5px;font-size:12px;line-height:25px;father width: 500px;margin: 50px auto;bor

5、der:1px 666 solid;padding:10px;first background-color:fc9;border:1px b55a00 dashed;position:relative;top:10px;left:50px;second background-color:ccf;border:1px 0000a8 dashed;third background-color:c5decc;border:1px 395e4f dashed;肯定定位absolute属性值偏移设置： left、right、top、bottom用法了肯定定位的元素以它最近的一个已经定位的祖先元素 为基准举