【CSS塊、行元素的區(qū)別】

CSS塊、行元素的區(qū)別

塊元素的特性

獨(dú)占一行顯示;

可以設(shè)置寬高;

margin、padding橫縱向都有效;

塊轉(zhuǎn)行——display:?inline; 可以轉(zhuǎn)換成行元素;

除(p、h1-h6)個別特殊元素外,可包含塊狀元素和行內(nèi)元素;

form不能直接包含行元素。


行元素的特性

高度由內(nèi)容撐開,可以并排顯示;

不能設(shè)置寬高,由內(nèi)容決定其寬高;

margin、padding橫向設(shè)置有效,縱向不起效果;

行轉(zhuǎn)塊——display:?block;可以轉(zhuǎn)換成塊元素;

除ins和del外,不能包含塊狀元素。


如何使元素在網(wǎng)頁上不可見?

1.display : none;(徹底消失)

不為被隱藏的對象保留其物理空間,即該對象的內(nèi)容、大小在頁面上徹底消失;

2.visibility :?hidden;(隱身)

使對象在網(wǎng)頁上不可見,但該對象在網(wǎng)頁上所占的空間大小沒有改變。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,168評論 1 92
  • 本文主要是起筆記的作用,內(nèi)容來自慕課網(wǎng). 認(rèn)識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,750評論 0 30
  • CSS盒模型 在CSS中盒模型被分為兩種,第一種是W3C的標(biāo)準(zhǔn)模型,第二種是IE怪異盒模型。兩種盒子模型都包括pa...
    _空空閱讀 3,586評論 0 3
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個單獨(dú)的外部文件中,這個css樣式文件以“.css...
    KunMitnic閱讀 1,127評論 0 1
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,450評論 0 5

友情鏈接更多精彩內(nèi)容