块级元素有:div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre、header、section、aside、footer。
行内元素:span、img、a、lable、input、abbr(缩写)、em(强调)、big、cite(引用)、i(斜体)、q(短引用)、textarea、select、small、sub、sup,strong、u(下划线)、button。
简介
块元素和内联元素的基本差异是块元素一般都从新行开始,相邻的块级元素将会在不同行显示。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。
比如,我们完全可以把内联元素加上display:block这样的属性,让它也有每次都从新行开始的属性,即成为块元素同样我们可以把块元素加上display:inline这样的属性,让它也在一行上排列。
首先,css规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的diaplay值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为“inline”,是“行内”元素。(1)行内元素有:a
b
span
img
input
select
strong
(2)块级元素有:
div
ul
ol
li
dl
dt
dd
h1
h2
h4...p
(3)常见的空元素:<br><hr><img><input><link><meta>
鲜为人知的是:
<area>,<base><col><command><embed><keygen><param><source><track><wbr>