html5：块级元素

最常见块级元素：div

div的属性：

<div title="title属性">title属性</div>

 title属性：

当鼠标悬停在div上时候会有一个小的提示框 

<div id="div1">div1</div>

id属性可以理解为为当前div提供一个唯一标识，可以理解为我们的身份证号 

<div class="box1">box1</div>

class属性是为当前div定义一个类名，以后学到css时候会在style标签内运用.class获取类名为其设计样式 

<div style="color: red;">我是一个div</div>

 style属性当前div设计简单的样式

<div style="border: 1px solid red">我是一个块级元素</div>

当我们在div内写内容的时候，div的高度会由内容的高度决定，也可以使用hight来修改 

 <div style="border: 1px solid rgb(0, 0, 0) ;height:100px">我是一个块级元素</div>

border为设置边框 厚度为1px（像素）， solid表示的是实线，（dashed表示的是虚线），rgb为取色器，括号内内容为颜色坐标（rgba也是取色器，a是设置其透明度，取值为0-1之间）

块级元素特点：

• 独占一行空间

• 默认宽度为100%

• 高度由子元素或内容决定

• 可以通过css指定其宽度

块级元素包括：html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address...

目前使用最多的就是div，div属于无样式的块级元素，div后面那些都是在div的基础上加了内嵌样式，所以div适用的上述四种属性，在其他后面那些样式里面也同样适用

元素	作用	已有CSS效果
div	无意义的块元素
h1~h3	标题标题	margin font-size font-weight
p	段落	margin
ul,li	无序列表	margin padding list-style
ol,li	有序列表	margin padding list-style
dl,dt,dd	定义列表	dl - margin dd - margin
html
body		margin
header	H5新增的语义化标签<br>(样式与div类似)	<div class="header"></div>
footer		<div class="footer"></div>
nav		<div class="nav"></div>
article		<div class="article"></div>
section		<div class="section"></div>
aside		<div class="aside"></div>
address		<div class="address"></div>

以下介绍几个写代码小技巧（彩蛋）：

div.class回车 == <div class="class"></div>

div>div == 

还有朋友在写代码时候发现在div里面写不了空格占位，或者是写一堆空格只能显示一个空格的

以下为大家提供参考：

空格   
  <  &lt;
  >  &gt;
  “  &quot;
  &  &amp;
  ‘  &apos;

左边打不出来的，可以用后面字符实体来写