块元素:
div,li,ul,p,h1-h6
特点:
(1)所有的块级元素都会独占一行;
(2)块级元素可以直接设置其宽度和高度;
(3)如果一个块级元素没有设置宽度,那么其默认的宽度是父元素的宽度。
行内元素:
span,a,strong,em,b,i,font,strike
特点:
(1)所有行内元素都在一行上显示;
(2)行内元素没有宽度和高度(即使设置也不生效)。
常见行内块元素:img ,input ,select ,textarea ,button ,label …
特点:
(1)与所有的行内元素相同都在一行上显示
(2)与块级元素相同可以设置宽度和高度。
不同元素之间的转换方式
转换为块级元素:disaplay : block
转换为行内块元素:dispaly : inline-block
转换为行内元素:display : inline
网友评论