块级元素和内联元素(行内元素)




但是在CSS中,所有的文本级标签,都是行内元素(除了p元素,p元素是文本级,但p是个块级元素);所有的容器级标签都是块级元素。


下面举例说明:


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">

h3{

/*display:inline;*/              /*其实,块级元素和行内元素是可以互相转换的*/

width:300px;

height:100px;

background-color:greenyellow;              

}

span{

/*display:block;*/          /*其实,块级元素和行内元素是可以互相转换的*/

width:300px;                 /*宽、高、这些属性对span元素不起作用*/

height:100px;              /*宽、高、这些属性对span元素不起作用*/

background-color:greenyellow;

}

</style>
</head>
<body>

<h3>标题1</h3>

<h3>标题2</h3>

<span>哈哈</span>

<span>嘻嘻</span>

</body>
</html>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值