div 搭骨架，span 涂口红——俩“空盒子”的用法秒懂
95
0
0
把网页想成乐高：
- div 是大地板，一块占一整行，随便你往上堆房子、停车场、大城堡。
- span 是小贴纸，只粘在一个词、一个字母身上，不改行也不占地。
示例两行就够：
<div style="background:#eee;padding:10px;">
<p>全场满 199<span style="color:red;">包邮</span>，限今日！</p>
</div>看见没？
div 把整块背景刷成浅灰；span 只把“包邮”俩字染成姨妈红，别的字纹丝不动。
使用口诀：
大块隔行用 div，小字改色用 span；
别因为它们没语义就瞎堆，能拿 header、nav、em 之类有语义的标签就先上，实在没招再请这俩“万能盒子”救场。
0
快来点个赞吧
发表评论
评论列表