标签显示模式(display)
标签显示模式:标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个
作用:我们网页的标签非常多,再不同地方会用到不同类型的标签,以便更好的完成我们的网页
标签的类型:HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。
块级元素——display:block
常见的块元素有
**~
、
、
、
- 、
- 等,其中标签是最典型的块元素。
块级元素特点:
宽度默认是容器100% 、独占一行 、可以控制高度、行高、外边距以及内边距,可以容纳其他块元素。
注意:只有 文字才 能组成段落 因此 p 里面不能放块级元素,同理还有这些标签h1,h2,h3,h4,h5,h6,dt,他们都是文字类块级标签,里面不能放其他块级元素。
行内元素——display:inline
常见的行内元素有、、、、、
、、、、等,其中标签最典型的行内元素。
行内元素特点:
和相邻行内元素会在一行上、控制不了高宽和垂直方向,外边距、内边距和水平方向可以设置,默认宽度就是它本身内容的宽度
注意:a链接里面不能再放a链接。行内块元素(display:inline-block;)
常见的行内元素有、**、
- 、**