标签显示模式
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)高度,行高,外边距以及内边距都可以设置