css基础知识之标签分类

html-css014

css基础知识之标签分类,第1张

按照显示方式分为块元素 、行内元素和行内块元素(内联元素)

典型代表,Div,h1-h6,p,ul,li

特点:

典型代表 span ,a, ,strong , em, del, ins

特点:

典型代表 input img

特点:

1.块元素转行内元素

display:inline

2.行内元素转块元素

display:block

3.块和行内元素转行内块元素

display:inline-block

你说的是将 行内元素标签 转换成 块级元素标签对吧

打个比如吧 <span></span> 是个行内元素

<span style="display:block"></span>

display:block 意思是块状形式陈列出来,这样span标签就可以控制它的宽和高了

这就是块级元素与行内元素的区别了,行内元素设置width和height是无用的,上下边界和上下填充也是不行的。

#div nav ul li 肯定是要设置高跟宽度的,所以A标签要加display:block,前提是#div nav ul li没有设置宽度和高度。如果设置了的话,A标签就不要加display:block了。