块级元素与行内元素的使用
2017-01-08 19:25:29
•
阅读
打赏
html标签根据浏览器的展示样式分为两种：块级元素与行内元素
块级元素
块级元素在浏览器默认显示将占据整行，不与其他任何元素位于同一行。能设定元素的宽（width）和高（height），块级元素一般为矩形，可以容纳行内元素和其他的块级元素。
常见的块级元素
| 块级元素 | 说明 |
|---|---|
| div | div标签 |
| h1～h6 | 1到6级标题 |
| p | 段落标签，会自动在其前后创建一些空白 |
| hr | 分割线 |
| ol | 有序列表 |
| ul | 无序列表 |
行内元素
行内元素不能设置宽（width）和高（height），能与其他行内元素位于同一行，行内元素内一般不包含块级元素。行内元素的高度一般由元素内部的字体大小决定，宽度由内容的长度控制。常见的行内元素有a, em ,strong等。
| 行内元素 | 说明 |
|---|---|
| strong | 加粗标签 |
| em | 斜体标签 |
| s | 删除线 |
| u | 下划线 |
| a | 超链接 |
| span | 常用行级，可定义文档中的行内元素 |
| img | 图片标签 |
| input | 表单输入框 |
通过样式display属性来改变元素的显示方式
当display的值设为block时，元素将以块级方式呈现；当display值设为inline时，元素将以行内形式呈现
相关推荐
深度学习 -- 损失函数
深度残差网络（Deep Residual Networks (ResNets)）
深度学习 -- 激活函数
神经网络训练 -- 调整学习速率
生成对抗网络（GAN）改进与发展
生成对抗网络（GAN）优点与缺点
生成对抗网络（GAN）的训练
生成对抗网络（GAN）基本原理
生成模型与判别模型