-老旧博文转移，写于2019-07-01
HTML里块状元素独占一行，可以设置高度，而内联元素则不能设置高度，只作用于行内。
常见的块状元素有
address-地址
blockquote-块引用
center-居中对齐
dir-目录列表
div-常用块容器，为css layout的主要标签
dl-定义列表
fieldset-form控制组
form-交互表单
h1-大标题
h2-副标题
h3-3级标题
h4-4级标题
h5-5级标题
h6-6级标题
hr-水平分割线
isindex-input prompt
menu-菜单列表
noframes-frames可选内容，(对于不支持frame的浏览器显示此区块内容)
noscript-可选脚本内容(对于不支持script的浏览器显示此内容)
ol-有序表单
p-段落
pre-格式化文本
table-表格
ul-无序列表
```
## 常见的内联元素有
```
a-锚点
abbr-缩写
acronym-首字
b-粗体（不推荐）
bdo-bidi override
big-大字体
br-换行
cite-引用
code0计算机代码
dfn-定义字段
em-强调
font-字体设定（不推荐）
i-斜体
img-图片
input-输入框
kdb-定义键盘文本
label-表格标签
q-短引用
s-中划线
samp-定义范例计算机代码
select-项目选择
small-小字体文本
span-常用内联容器，定义文本内区块
strike-中划线
strong-粗体强调
sub-下标
sup-上标
textarea-多行文本输入框
tt-电传文本
u-下划线
var-定义变量
```
## 内联元素与块状元素的转化
```
<style>
yourblock {
display:inline;
}
</style>
```
用display这个属性可以将元素随意转化为块状元素和行内元素，另外还有一个none。
如果将元素的display属性设置为none则该元素会从页面消失。利用这个特性可以写出切换导航的效果。
注意：本文归作者所有，未经作者允许，不得转载
