1.行内元素:特点:与其他行内元素并排,不能设置宽高,默认的宽度就是文字的宽度。
行内元素不能设置margin-top,margin-bottom,padding-top,padding-bottom,line-height.
行内元素有:除了p之外,所有的文本级标签,都是行内元素。p是个文本级标签,但是是个块级元素。
代码语言:javascript复制 ...
... 链接
换行
... 加粗
... 加粗
... 上标
... 下标
... 斜体
... 斜体
... 删除线
... 下划线
... 文本框
多行文本
下拉列表2.块级元素:特点:霸占一行,不能与其他任何元素并列。能接受宽高,如果不设置宽度,那么宽度将默认变为父级的100%。
块级元素:所有的容器级标签,都是块级元素,以及p标签。div , h系列 , li , dt ,dd。
注意:段落元素(文字元素)内不能放块元素
例如,p标签里不能放div标签,h1中也不能放div
代码语言:javascript复制
......
标题一级...
标题二级...
标题三级...
标题四级...
标题五级...
标题六级水平分割线
...
段落...预格式化
...段落缩进 前后5个字符
滚动文本
- ...
- ...
- ...
...
3.行内块元素特点:和相邻的行内元素(包含行内块)在一行上,它们直接会有空白缝隙;
一行可以显示多个;
默认宽度就是内容的宽度;
高度、宽度、内外边距都可以自定义;
注意了:img是一个可替换元素。它的 display 属性的默认值是 inline,但是它的默认分辨率是由被嵌入的图片的原始宽高来确定的,使得它就像 inline-block 一样。你可以为 设置 border/border-radius、padding/margin、width、height 等等的 CSS 属性。