成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

css 各單位距離比較

Rainie / 3117人閱讀

摘要:?jiǎn)挝蝗糇陨頉]有設(shè)置字體大小,依據(jù)父元素,若設(shè)置則計(jì)算為不僅僅是等都可用距離百分比按照父元素的寬度計(jì)算負(fù)值相對(duì)父元素規(guī)范對(duì)重疊有如下的描述水平邊距永遠(yuǎn)不會(huì)重合垂直邊距可能在特定的框之間重合百分比按照父元素的寬度計(jì)算無負(fù)值參考鏈接

單位 em

    若自身沒有設(shè)置字體大小,依據(jù)父元素,若設(shè)置則計(jì)算為font-size*em

rem

   html { font-size: 10px;}

   body{ font-size: 1rem;} //font-size: 10px;

   不僅僅是font-size,margin,padding等都可用

   html{font-size: 62.5%;} //font-size: 10px; 10/16100%
距離 margin

    百分比: 按照父元素的寬度計(jì)算
    負(fù)值:相對(duì)父元素
    

    css 2.0規(guī)范對(duì)margin重疊有如下的描述:
        1.水平邊距永遠(yuǎn)不會(huì)重合
        2.垂直邊距可能在特定的框之間重合
padding
    百分比: 按照父元素的寬度計(jì)算      
    **無負(fù)值**
        

參考鏈接:
https://www.cnblogs.com/mengf...
https://www.jianshu.com/p/6e4...

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/114416.html

相關(guān)文章

  • CSS魔法堂:重拾Border之——圖片作邊框

    摘要:一鋪搞定一鋪清袋粵語的一鋪搞定其實(shí)就是一次完成全部工作的意思,上面關(guān)于的屬性,要是每次都逐個(gè)設(shè)置那要敲多少次鍵盤啊。。。語法粵語的一鋪清袋其實(shí)就是把之前的成果一次性歸零。 前言 ?當(dāng)CSS3推出border-radius屬性時(shí)我們是那么欣喜若狂啊,一想到終于不用再添加額外元素來模擬圓角了,但發(fā)現(xiàn)border-radius還分水平半徑和垂直半徑,然后又發(fā)現(xiàn)border-top-left/...

    linkFly 評(píng)論0 收藏0
  • 【Hello CSS】第六章-文檔流與排版

    摘要:作者陳大魚頭正常流什么是正常流其實(shí)就是我們?nèi)粘Kf的文檔流。在官方文檔里對(duì)應(yīng)的是。然后,包含形成一條線的框的矩形區(qū)域稱為線盒?;€線盒的高度由的計(jì)算結(jié)果決定。級(jí)層疊上下文被自動(dòng)視為父級(jí)層疊上下文的一個(gè)獨(dú)立單元。自由分配,由具體情況決定。 作者:陳大魚頭 github: KRISACHAN 正常流 什么是正常流?其實(shí)就是我們?nèi)粘Kf的文檔流。在W3C官方文檔里對(duì)應(yīng)的是normal ...

    nihao 評(píng)論0 收藏0
  • 【Hello CSS】第六章-文檔流與排版

    摘要:作者陳大魚頭正常流什么是正常流其實(shí)就是我們?nèi)粘Kf的文檔流。在官方文檔里對(duì)應(yīng)的是。然后,包含形成一條線的框的矩形區(qū)域稱為線盒?;€線盒的高度由的計(jì)算結(jié)果決定。級(jí)層疊上下文被自動(dòng)視為父級(jí)層疊上下文的一個(gè)獨(dú)立單元。自由分配,由具體情況決定。 作者:陳大魚頭 github: KRISACHAN 正常流 什么是正常流?其實(shí)就是我們?nèi)粘Kf的文檔流。在W3C官方文檔里對(duì)應(yīng)的是normal ...

    null1145 評(píng)論0 收藏0
  • CSS3 border-image 徹底明白

    摘要:用于給邊框貼上背景圖像類似于中的背景屬性。重復(fù)性取值為重復(fù)只是其中之一,其余兩個(gè)是平鋪和拉伸。其中,是默認(rèn)值。例如表示水平方向平鋪,垂直方向重復(fù)。不進(jìn)行拉伸,不湊整。效果如下白框?yàn)椴糠仲Y料來源網(wǎng)絡(luò)親們,看懂沒不懂請(qǐng)留言,幫你解答。。 border-image用于給border(邊框)貼上背景圖像 類似于CSS中的background(背景)屬性。 例如:background:url...

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

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

0條評(píng)論

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