css标签显示模式

标签显示模式

1.1.1) 块级元素(block-level)

常见的块级元素<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等,其中<div>标签是典型的块元素。

块级元素的特点
(1)比较霸道,自己独占一行
(2)高度,宽度,外边距和内边距都可以控制
(3)宽度默认是父元素宽度的100%
(4)是一个容器及盒子,里面可以放行内或者块级元素

1.1.2 )行内元素(inline-level)

常见的行内元素<a>,<strong>,<b>,<em>,<i>,<del>,<s>,<ins>,<u>,<sapn>等,其中<sapn>标签是典型的的行内元素。

行内元素的特点
(1)相邻行内元素可以在一行上
(2)高和宽直接设置是无效的
(3)默认宽度就是它本身的宽度
(4)行内元素只能容纳本文或者其他行内元素

1.1.3 )行内块元素(inline-block)

在行内元素中有几个特殊的标签<img/>,<input>,<td>,可以对他们设置宽高和对齐的属性,这就是行内块元素

行内块元素的特点
(1)和相邻的行内元素在一行上,但是之间会有空白的缝隙。
(2)默认宽度就是他本身内容的宽度。
(3)高度,行高,外边距以及内边距都可以设置

猜你喜欢

转载自blog.csdn.net/Gnemoah6/article/details/108489885