元素是文檔結(jié)構(gòu)的基礎(chǔ)，在CSS里面铅祸，每個(gè)元素生成了包含內(nèi)容的框（box）坑质，稱為盒子。但是不同的元素顯示方式是不同的临梗，有占據(jù)一整行的涡扼，也有水平一個(gè)挨一個(gè)吧。
1盟庞、替代元素
替代元素是瀏覽器根據(jù)其標(biāo)簽的元素與屬性來(lái)判斷顯示的具體內(nèi)容
比如：<input/>type ="text" 這是一個(gè)文本輸入框吃沪，換一個(gè)其他的時(shí)候，瀏覽器顯示就不一樣了
HTML中的<img> <input> <textarea> <select> <object>
2什猖、非替換元素
HTML的大多數(shù)元素是不可替代元素票彪，它們將內(nèi)容直接告訴瀏覽器萎津，將其顯示出來(lái)
例如：<p>wansdfs.com</p>
2、塊元素
他最明顯的特征就是獨(dú)自占領(lǐng)一行抹镊，自動(dòng)充滿父級(jí)元素的內(nèi)容區(qū)域锉屈，絕對(duì)不會(huì)讓別人侵占。
常用的有：div p 通過(guò)CSS設(shè)定了浮動(dòng)（float屬性垮耳，可以向左和向右浮動(dòng)）以及設(shè)定顯示（display）屬性為block或list-item的元素都是塊級(jí)元素颈渊。
3、行內(nèi)元素
上面說(shuō)塊及元素獨(dú)自占領(lǐng)一行终佛，行內(nèi)元素就沒(méi)有這么霸道了俊嗽。他可以左右都允許有元素，最常見(jiàn)的是就是<a></a>
通過(guò)dislayt:'inline'設(shè)置以后都變成行內(nèi)元素
非替換元素和替換元素 塊級(jí)元素和行內(nèi)元素
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén)带到，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)昧碉，“玉大人，你說(shuō)我怎么就攤上這事揽惹”欢觯” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵搪搏，是天一觀的道長(zhǎng)狭握。 經(jīng)常有香客問(wèn)我，道長(zhǎng)慕嚷，這世上最難降的妖魔是什么哥牍？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮喝检，結(jié)果婚禮上嗅辣，老公的妹妹穿的比我還像新娘。我一直安慰自己挠说，他們只是感情好澡谭，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著，像睡著了一般蛙奖。 火紅的嫁衣襯著肌膚如雪潘酗。 梳的紋絲不亂的頭發(fā)上，一...
- 那天雁仲，我揣著相機(jī)與錄音仔夺，去河邊找鬼。 笑死攒砖，一個(gè)胖子當(dāng)著我的面吹牛缸兔，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播吹艇，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼惰蜜，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了受神？” 一聲冷哼從身側(cè)響起抛猖，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎鼻听，沒(méi)想到半個(gè)月后财著，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡精算，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年瓢宦，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片灰羽。...
- 正文 年R本政府宣布怠噪，位于F島的核電站，受9級(jí)特大地震影響杜跷，放射性物質(zhì)發(fā)生泄漏傍念。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一葛闷、第九天 我趴在偏房一處隱蔽的房頂上張望憋槐。 院中可真熱鬧，春花似錦淑趾、人聲如沸阳仔。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)近范。三九已至嘶摊，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間评矩，已是汗流浹背叶堆。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像果录，于是被迫代替她去往敵國(guó)和親上枕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案弱恒？ 參考答案 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 移動(dòng)開(kāi)發(fā)基本知識(shí)點(diǎn) 一.使用rem作為單位 html { font-size: 100px; } @media(m...
- H5移動(dòng)端知識(shí)點(diǎn)總結(jié) 閱讀目錄 移動(dòng)開(kāi)發(fā)基本知識(shí)點(diǎn) calc基本用法 box-sizing的理解及使用 理解dis...
- 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過(guò)程中辨萍，你是如何考慮他的UI、安全性返弹、高性能锈玉、SEO、可維護(hù)性以及技術(shù)因素的...
- CSS <small>(Cascading Style Sheets)</small> CSS有何作用？ 解決HT...
