css元素有哪几种类型
三种类型:块级元素,行内元素,行内块元素
块级元素
块级元素有哪些?
<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>
块级元素的特点:
1.自己独占一行
2.高度,宽度,外边距,内边距都可以控制
3.宽度默认是父级元素宽度的100%
4.是一个容器也是一个盒子,里面可以放行内元素或块级元素
5.文字类的元素内不能放块级元素
行内元素
行内元素有哪些?
<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>
行内元素的特点:
1.相邻元素在一行上,一行上可以显示多个
2.高度,宽度直接设置无效
3.默认宽度是它本身内容的宽度
4.行内元素只能容纳文本或其他行内元素
5.连接里面不能再放连接
6.特殊情况连接<a>里面可以放块级元素,但是给<a>转换一下会计模式最安全
行内块元素
行内块元素有哪些?
<img/>、<input/>、<td>
行内块元素有哪些特点:
1.和相邻行内元素(行内块元素)在一行上,但是他们之间会有空白缝隙
2.一行可以显示多个(行内元素特点)
3.默认宽度就是它本身内容的宽度(行内元素特点)
4.高度、行高、外边距、内边距都可以控制(块级元素特点)