html - 块和内嵌
2017-12-22 本文已影响2人
廖马儿
标签的分类:块和内嵌类型。(块级元素,内联元素)
实验:
div, span {
width: 100px;
height: 100px;
background: red;
}
...
<div>div1</div>
<div>div2</div>
<span>span1</span>
<span>span2</span>
区别:
块: 1.独占一行,不设置宽度的时候默认是占满一行; 2.支持所有样式;
内嵌:1.多个可以在一行显示,宽度怎么设置都是自己内容的填充宽度; 2.不支持宽高,对上下的margin和padding等样式支持的也有问题;3.换行会解析为一个空格,会产生距离。
font-family:"宋体";
font-size:20px;
这样的样式的话:那么空格这种特殊符号的宽度是font-size的一半(10px)。一个字占得宽高都是20px;
常用标签是块还是内嵌:
块:div, li,hx, p, dt, dd
内嵌:ul,ol, dl,span, em, strong, img, a