行内元素与块元素

一、行内元素与块元素

行内元素也叫内联元素，块元素有的也叫行元素

行级元素和块级元素

元素是通过display的属性值来划分的：block块元素 inline元素 inline-block行内块元素

块级元素的特点：

1、总是在新行上开始，占据一整行；

2、高度，行高以及外边距和内边距都可控制；

3、宽在未设置情况下与浏览器宽度一样，与内容无关；

4、它可以容纳内联元素和其他块元素。

行内元素的特点：

1、和其他元素都在一行上；

2、内联元素不可以设置宽和高、垂直的margin、padding！

3、宽度只与内容有关；

4、行内元素只能容纳文本或者其他行内元素。

块级元素独占一行，可以设置款和高，margin、padding四个方向都可以设置

内联元素不是独占一行，不可以设置款和高，margin、padding竖直的不可以设置

二、常见的内联元素和块元素

内联元素（inline element）

a  - 锚点

b - 粗体（不推荐）

big - 大字体

em - 强调

font - 字体设定（不推荐）

i - 斜体

img - 图片（行内元素，但可设宽和高）

label - 提示标签

select - 列表选择

small - 小字体文本

span - 常见内联容器，定义文本区块

strong - 粗体强调

sub -下标

sup - 上标

textarea - 多行文本输入框

u - 下划线

块元素（block element）

address - 地址

div - 常用块容器

dl - 定义列表

fieldset - 元素集

form - 交互表单

h1-h6 - 标题

hr - 水平分隔线

ol - 有序列表

p - 段落

pre - 格式化文本

table - 表格 

ul - 无序列表

input是行内块元素