国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

html中塊級(jí)元素和行級(jí)元素的對(duì)比

jerryloveemily / 1553人閱讀

摘要:不能包含其他元素但是內(nèi)聯(lián)元素中有一些是替換元素瀏覽器在加載時(shí)根據(jù)屬性的設(shè)置最后確定樣子,可以設(shè)置寬高等屬性,例如,塊級(jí)元素和內(nèi)聯(lián)元素的轉(zhuǎn)換設(shè)置設(shè)置元素浮動(dòng)設(shè)置元素的

關(guān)于塊級(jí)元素和行內(nèi)元素(內(nèi)聯(lián)元素的對(duì)比) 兩種元素的比較

塊級(jí)元素:

前后有換行

可以設(shè)置寬高等屬性,以及邊距,參照盒子模型

內(nèi)部可以包含其他塊級(jí)元素,內(nèi)聯(lián)元素

寬度默認(rèn)是父元素的寬度,高度可以設(shè)置或者由內(nèi)容的高度決定

內(nèi)聯(lián)元素:

前后不換行

設(shè)置元素寬高無(wú)效,高度由line-height決定(不設(shè)置時(shí)由font-size計(jì)算得出),寬度由內(nèi)容的多少?zèng)Q定,當(dāng)寬度大于父元素的寬度時(shí),內(nèi)聯(lián)元素會(huì)被折斷到下一行,對(duì)于內(nèi)聯(lián)元素可以設(shè)置水平方向的padding,margin等,但是對(duì)于垂直方向,設(shè)置padding,margin看起來(lái)就會(huì)有效果但是對(duì)于瀏覽器來(lái)說(shuō)是沒(méi)效果的,不影響其他元素的布局。

不能包含其他元素

但是內(nèi)聯(lián)元素中有一些是替換元素(瀏覽器在加載時(shí)根據(jù)屬性的設(shè)置最后確定樣子),可以設(shè)置寬高等屬性,例如:img,input

塊級(jí)元素和內(nèi)聯(lián)元素的轉(zhuǎn)換

設(shè)置display:block/inline-block

設(shè)置元素浮動(dòng)

設(shè)置元素的position:relative/absolute/fixed

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/50485.html

相關(guān)文章

  • html塊級(jí)元素行級(jí)元素對(duì)比

    摘要:不能包含其他元素但是內(nèi)聯(lián)元素中有一些是替換元素瀏覽器在加載時(shí)根據(jù)屬性的設(shè)置最后確定樣子,可以設(shè)置寬高等屬性,例如,塊級(jí)元素和內(nèi)聯(lián)元素的轉(zhuǎn)換設(shè)置設(shè)置元素浮動(dòng)設(shè)置元素的 關(guān)于塊級(jí)元素和行內(nèi)元素(內(nèi)聯(lián)元素的對(duì)比) 兩種元素的比較 塊級(jí)元素: 前后有換行 可以設(shè)置寬高等屬性,以及邊距,參照盒子模型 內(nèi)部可以包含其他塊級(jí)元素,內(nèi)聯(lián)元素 寬度默認(rèn)是父元素的寬度,高度可以設(shè)置或者由內(nèi)容的高度決定 ...

    Jiavan 評(píng)論0 收藏0
  • 從零開(kāi)始全棧工程師——html篇1.5

    摘要:列表與邊距探討和行塊一列表無(wú)序列表內(nèi)部必須有子標(biāo)簽天生自帶內(nèi)外邊距也是自帶大家會(huì)發(fā)現(xiàn)用的時(shí)候內(nèi)容前面會(huì)出現(xiàn)一個(gè)像這樣的一個(gè)實(shí)心圓可以用屬性去掉也可以更換空心圓實(shí)心圓正方形空有序列表內(nèi)部必須有子標(biāo)簽天生自帶內(nèi)外邊距屬性是標(biāo)簽屬性只能寫(xiě)在行列表與邊距探討和行塊 一、列表 1.無(wú)序列表(UL) 1)內(nèi)部必須有子標(biāo)簽2)天生自帶內(nèi)外邊距 p也是自帶 大家會(huì)發(fā)現(xiàn)用UL的時(shí)候內(nèi)容前面會(huì)出現(xiàn)一個(gè)像這樣的一...

    booster 評(píng)論0 收藏0
  • CSS盒模型

    box model showImg(https://segmentfault.com/img/bVtyKC?w=746&h=455); Margin Border Padding Content width 指定content box 的寬度 百分?jǐn)?shù)相對(duì)于父容器(包含塊)的content box的寬度 只有包含塊的高度不依賴該元素時(shí),百分比寬度才生效 paddi...

    fish 評(píng)論0 收藏0
  • CSS 布局方式

    摘要:中間左欄右欄清除浮動(dòng)如下圖缺點(diǎn)結(jié)構(gòu)不正確多了一層標(biāo)簽布局左欄中間右欄如下圖缺點(diǎn)兼容性問(wèn)題參考文章 W3C標(biāo)準(zhǔn) 由萬(wàn)維網(wǎng)聯(lián)盟制定的一系列標(biāo)準(zhǔn),包括: 結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言(HTML和XML) 表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言(CSS) 行為標(biāo)準(zhǔn)語(yǔ)言(DOM和ECMAScript) CSS中的定位機(jī)制 在CSS中存在三種定位機(jī)制: 標(biāo)準(zhǔn)文檔流(Normal flow) 浮動(dòng)(Floats) 絕對(duì)定位(Abs...

    LancerComet 評(píng)論0 收藏0
  • 360前端星計(jì)劃學(xué)習(xí)-HTML + CSS

    摘要:設(shè)計(jì)思想兼容已有內(nèi)容避免不必要的復(fù)雜性解決現(xiàn)實(shí)問(wèn)題優(yōu)雅降級(jí)尊重事實(shí)標(biāo)準(zhǔn)變化新增語(yǔ)義化標(biāo)簽去除純表示性的標(biāo)簽拖拽離線語(yǔ)法標(biāo)簽不區(qū)分大小寫(xiě)推薦小寫(xiě)空標(biāo)簽可以不閉合屬性不必引號(hào)。遇到這種情況時(shí),會(huì)生成匿名塊級(jí)盒來(lái)包含行級(jí)盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...

    lpjustdoit 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<