Web服务应用开发（基于J2EE）DIV与SPAN学习

DIV与SPAN(HBuilderX编写)

HTML部分：

CSS部分：

DIV基本语法：

CSS属性：
position:定位，static|absolute|relative |fixed
width|height:图层宽度|图层高度
left| top:左边距|顶部距离
border:边框，“线粗细 线形状 线颜色”
z-index:图层层叠，子层永远在父层之上，值越大越在上层,前提条件是position属性值为“absolute”。
clear:left|right|both|none，清除左、右、两边及允许浮动。
float:left|right|none，允许左、右、不浮动

div与span标记使用区别：
div和span标记默认情况下都没有对标记内的内容进行格式化或渲染，只有使用CSS来定义相应的样式时才会显示出不同。
1)是否是块标记。div标记是块标记，一般包含较大范围，在区域的前后会自动换行；而span标记是行内标记，一般包含范围较窄，通常在一行内，在此区域的范围外不会自动换行。
2)是否可以互相包含。一般来说，div标记可以包含span标记，但span标记不可能包含div标记。