块和内嵌div和span

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 body{ font-family:"宋体"; font-size:20px;}
 8 div,span{width:100px;height:100px;background:red;border:2px solid #000;}
 9 div{padding:40px;}
10 /*
11     块:
12         1.独占一行
13         2.支持所有的样式
14         3.不设置宽度的时候,宽度撑满正行
15     
16     内嵌:
17         1.可以在一行显示
18         2.不支持宽高,对上下的margin和padding等样式支持的也有问题
19         3.宽度内容由撑开
20         4.代码换行会被解析<span>
21                           </span>有一个空格
22 */
23 </style>
24 </head>
25 <body>
26 <div>div1</div>
27 <div>div2</div>
28 <span>span1</span>
29 <span>span2</span>
30 </body>
31 </html>

 

转载于:https://www.cnblogs.com/hduhdc/p/5228659.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值