Html 实训1

1. div标签

<div> </div>标签：div标签可以认为是一个块，可以通过style属性改变这个块的颜色、大小、位置等。下例：

<div style="width: 65%; height: 300px; background-color: blueviolet; float: left; margin-top: 10px; margin-left: 10px;">我是div</div>

style的值即为这个div标签块的属性，两个属性之间以;为分界线，:后面的值就是这个属性的值。

div块默认是块级元素，即一行只能放一个div块，即使第二个div大小可以摆在第一个div块旁边，一行也不能放两个。

display属性：可以改变一个div块是块级元素、行级元素、行块元素。display有三个值取值：

block：一行只能有一个div块

inline：一行可以有多个div块，但是width和height属性失效

inline-block：一行可以多个div快，且width和height属性有效

folat属性：用来对一个div块的位置进行定位。一个块使用float属性后display属性默认为inline-block，下例：

float: left，则这个块就摆放到左边界

margin属性：精确div块的位置。margin还有四个属性margin-left、margin-right、margin-top、margin-bottom，下例：

margin: 0px auto，居中

margin-left: 10px，距离左边界10个像素点，以此类推。这四个属性距离是相对于邻近的div块