<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 100px;
height: 100px;
background: blueviolet;
/*display: inline;*/
display: inline-block;
vertical-align: top;
}
span{
/*width: 100px;*/
height: 100px;
background: blue;
/*display: block;*/
}
.box{
/*display: none;*/
}
</style>
</head>
<body>
<div>div1</div>
<div>div2</div>
<span>span1span1span1</span>
<span>span2</span>
<div>div3</div>
<div class="box">
<span>2</span>
</div>
<div></div>
<p></p>
<!--
塊級元素div display:block;
可以包含任何塊和行內(nèi)元素
獨占一行艾疟，支持設(shè)置寬高
如果沒有設(shè)置寬高差凹，高度由內(nèi)容撐開，寬度默認(rèn)瀏覽器寬度
沒有內(nèi)容驴娃，在網(wǎng)頁上肉眼看不到東西尿招，但是審查元素踊餐，寬度是瀏覽器寬度乱豆，高度0
行內(nèi)（內(nèi)聯(lián)）元素span display:inline;
可以和其他行內(nèi)元素位于同一行
行內(nèi)元素不要包塊級元素
不支持設(shè)置寬高
內(nèi)容撐開寬高
行內(nèi)塊元素 display:inline-block;
塊級元素可以橫排展示
行內(nèi)元素可以設(shè)置寬高
display:none
隱藏元素,包括他的子標(biāo)簽伶棒，在頁面中不占位置躺盛，等同于消失了
-->
</body>
</html>
HTML從入門到精通-5 div和span
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門项贺，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人峭判，你說我怎么就攤上這事开缎。” “怎么了林螃？”我有些...
- 文/不壞的土叔 我叫張陵奕删，是天一觀的道長。 經(jīng)常有香客問我疗认，道長完残，這世上最難降的妖魔是什么伏钠？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮谨设，結(jié)果婚禮上熟掂，老公的妹妹穿的比我還像新娘。我一直安慰自己铝宵，他們只是感情好打掘，可當(dāng)我...
- 文/花漫 我一把揭開白布华畏。 她就那樣靜靜地躺著鹏秋，像睡著了一般。 火紅的嫁衣襯著肌膚如雪亡笑。 梳的紋絲不亂的頭發(fā)上侣夷，一...
- 文/蒼蘭香墨 我猛地睜開眼厕九，長吁一口氣：“原來是場噩夢啊……” “哼蓖捶！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起扁远，我...
- 正文 年R本政府宣布，位于F島的核電站靠瞎，受9級特大地震影響比庄，放射性物質(zhì)發(fā)生泄漏求妹。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一佳窑、第九天 我趴在偏房一處隱蔽的房頂上張望制恍。 院中可真熱鬧，春花似錦神凑、人聲如沸净神。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽鹃唯。三九已至，卻和暖如春瓣喊，著一層夾襖步出監(jiān)牢的瞬間坡慌，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 第一部分 HTML&CSS整理答案 1. 什么是HTML5弟晚？ 答：HTML5是最新的HTML標(biāo)準(zhǔn)。 注意：講述HT...
- 一藻雪、在什么場景下會出現(xiàn)外邊距合并？如何合并狸吞？如何不讓相鄰元素外邊距合并勉耀？給個父子外邊距合并的范例 在CSS當(dāng)中，相...
