摘要:塊級元素獨(dú)占一行,其寬度自動(dòng)填滿父元素的寬度,可以容納行內(nèi)元素和其他塊級元素,可以設(shè)置和值。行內(nèi)元素不會(huì)獨(dú)占一行,與其他行內(nèi)元素排成一行,直到其父元素拍不下,才會(huì)從新一行開始。
塊級元素:獨(dú)占一行,其寬度自動(dòng)填滿父元素的寬度,可以容納行內(nèi)元素和其他塊級元素,可以設(shè)置margin和padding值。
行內(nèi)元素:不會(huì)獨(dú)占一行,與其他行內(nèi)元素排成一行,直到其父元素拍不下,才會(huì)從新一行開始??梢匀菁{文本及其他行內(nèi)元素,設(shè)置padding和margin值無效,行內(nèi)元素的水平方向的padding-left和padding-right都會(huì)產(chǎn)生邊距效果,但是豎直方向上的padding-top和padding-bottom都不會(huì)產(chǎn)生邊距效果。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/1921.html
摘要:例效果注為塊級元素行內(nèi)元素,與塊級元素相對,它不會(huì)占一行,兩個(gè)甚至多個(gè)行內(nèi)元素一般情況下在同一行。塊級元素各占據(jù)一行默認(rèn)寬度為父元素的,垂直方向排列。塊級元素可以包含行內(nèi)元素和塊級元素。一直對塊級元素和行內(nèi)元素的區(qū)別和特性有點(diǎn)模糊,于是各方參考總結(jié)一下,方便自己梳理知識(shí): 首先說一下什么是塊級元素和行內(nèi)元素塊級元素,指自動(dòng)占一行的元素,下一個(gè)元素(標(biāo)簽)會(huì)在新行開始,這行就是這個(gè)塊級元素的地...
摘要:視覺格式化模型瀏覽器在解析渲染我們所寫的內(nèi)容,順序渲染普通文檔流。渲染結(jié)果如下圖這兒有一個(gè)知識(shí)點(diǎn)文檔流按我的理解就是在瀏覽器渲染顯示的一個(gè)模式,這個(gè)模式的特點(diǎn)自上而下,從左到右排列規(guī)則。如果不特殊指定,瀏覽器會(huì)默認(rèn)當(dāng)前的渲染是按文檔流模式。 CSS視覺格式化模型 瀏覽器在解析渲染我們所寫的html內(nèi)容,順序渲染(普通文檔流)。 1 2 3 4 ...
摘要:發(fā)生在很久以前的及更老的瀏覽器向過渡時(shí)期。數(shù)據(jù)始終在同源的請求中攜帶即使不需要,會(huì)在瀏覽器和服務(wù)器間來回傳遞。存儲(chǔ)大小數(shù)據(jù)大小不能超過。與上面問題相連,比也是明智的選擇。表現(xiàn)與結(jié)構(gòu)相分離。兩種設(shè)計(jì)思想是有不同的考慮。 前言: 吾生也有涯,而知也無涯,以有涯隨無涯,殆己————莊子 閱讀本文前請做好以下心理準(zhǔn)備:本系列文章將不定期更新。本系列文章不是很嚴(yán)謹(jǐn)。 前端面試之HTML篇 Pa...
摘要:視覺格式化模型是用來處理和在視覺媒體上顯示文檔時(shí)使用的計(jì)算規(guī)則。匿名塊盒子在某些情況下進(jìn)行視覺格式化時(shí),需要添加一些增補(bǔ)性的盒子,這些盒子不能用選擇符選中,因此稱為匿名盒子。因此最好不要將其用于正式項(xiàng)目。 今日勵(lì)志 不論你在什么時(shí)候開始,重要的是開始之后不要停止。 前言 對于部分前端工程師來講,有時(shí)候CSS令他們很頭疼,明明設(shè)置了某個(gè)樣式,但是布局就是不起作用。 showImg(htt...
閱讀 1484·2021-11-22 14:44
閱讀 2598·2021-09-30 09:47
閱讀 1379·2021-09-09 11:56
閱讀 2275·2021-09-08 09:45
閱讀 4386·2021-08-31 09:40
閱讀 1398·2019-08-30 15:52
閱讀 2188·2019-08-30 14:09
閱讀 1771·2019-08-26 17:04