admin 2025-11-18 17:04:46 礼包中心

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 属性。