DIV和标签的总结

6.DIV

<div>: 标签定义了一个分块（Division）。

6.1 div写法

<divstyle="border: dashed; width: 100px; height: 80px;" ></div>

显示特点：会在新的一行进行显示，我们称之为“块标签”

块级标签和内联标签的区别：

块级标签默认占满行，

内联标签会按照从左至右依次排列。

标签分为两种，一种以块级标签，一种是内联标签。

1.块级标签

块级标签是在新的一行进行显示。

功能：主要用来搭建网站架构、页面布局、承载内容。以下是块级标签：

Div、h1~h6、 p、hr、table、ul、ol、dl、tr、option、caption、dd、dt、Thead、tbody、tfoot.....

2.内联标签

内联标签是不会在新的一行进行显示。

功能：用于加强内容显示，控制细节。以下是内联标签：

Span、img、input、a、th、textarea、span、label、select、th、button.......

3.块级元素和内联元素的区别：

（1）块级元素默认占满行，内联元素会按照从左至右依次排列。

 

（2）<a>是内联标签<p>是块级标签，就是说不是所有的内联标签都不能被嵌

套。

（3）块标签里面可以套内联标签和某些块级标签，内联标签也可以套内联标签，但是内联标签不可以套块级标签。

（4）有几个特殊的块级标签只能嵌套内联标签，不包含块级标签这几个特殊标签为：h1~h6、p、dt