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

資訊專欄INFORMATION COLUMN

【學(xué)習(xí)筆記】CSS深入理解之padding

learn_shifeng / 2573人閱讀

摘要:張?chǎng)涡竦纳钊肜斫庵畬W(xué)習(xí)筆記與容器的尺寸元素值過大,一定影響元素尺寸為定值,會(huì)影響元素尺寸為或者為,同時(shí)值沒有暴走,不影響元素尺寸元素水平影響尺寸,垂直不影響尺寸,但是會(huì)影響占據(jù)空間會(huì)顯示背景色負(fù)值與百分比單位不支持負(fù)值百分比相對(duì)于自身寬

張?chǎng)涡竦腃SS深入理解之padding學(xué)習(xí)筆記
padding與容器的尺寸

block元素

padding值過大,一定影響元素尺寸

width為定值,padding會(huì)影響元素尺寸

width為auto或者box-sizing為border-box,同時(shí)padding值沒有暴走,不影響元素尺寸

inline元素:水平padding影響尺寸,垂直padding不影響尺寸,但是會(huì)影響占據(jù)空間(會(huì)顯示背景色)

padding負(fù)值與百分比單位

padding不支持負(fù)值

padding百分比相對(duì)于自身寬度計(jì)算

inline元素的padding有斷行效果

空的inline元素padding高寬不相等,因?yàn)閕nline的垂直padding會(huì)讓隱匿文本節(jié)點(diǎn)出現(xiàn)

標(biāo)簽元素的內(nèi)置padding

ol/ul

ol/ul元素內(nèi)置padding-left,單位是px不是em

間距固定,字號(hào)過小顯得間距過大,字號(hào)過大會(huì)溢出容器

radio/checkbox

無法設(shè)置padding

button

FireFox下清空按鈕padding

button::-moz-focus-inner {
    padding: 0; 
}

FireFox下按鈕高度計(jì)算問題,導(dǎo)致不兼容問題,所以一般使用自定義按鈕

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

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

相關(guān)文章

  • 學(xué)習(xí)筆記CSS深入理解margin

    摘要:張?chǎng)涡竦纳钊肜斫庵畬W(xué)習(xí)筆記與容器的尺寸可視尺寸對(duì)于沒有設(shè)定的塊元素,可改變?cè)厮椒较虻目梢暢叽缯紦?jù)尺寸對(duì)于元素,可改變?cè)厮酱怪狈较虻恼紦?jù)尺寸與百分比單位普通元素的百分比都是相對(duì)于容器的寬度計(jì)算的絕對(duì)定位元素的百分比是相對(duì)于包含塊的寬 張?chǎng)涡竦腃SS深入理解之margin學(xué)習(xí)筆記 margin與容器的尺寸 可視尺寸:對(duì)于沒有設(shè)定width的塊元素,margin可改變?cè)厮椒较?..

    stefan 評(píng)論0 收藏0
  • 學(xué)習(xí)筆記CSS深入理解overflow

    摘要:張?chǎng)涡竦纳钊肜斫庵畬W(xué)習(xí)筆記基本屬性屬性介紹默認(rèn)當(dāng)與值相同時(shí),等同于當(dāng)與值不相同時(shí),其中一個(gè)值被賦予時(shí),若另一個(gè)值為,那這個(gè)會(huì)被重置為作用前提元素非對(duì)應(yīng)方位的尺寸限制拉伸對(duì)于單元格等需要為狀態(tài)才可以與滾動(dòng)條頁(yè)面默認(rèn)滾動(dòng)條來自與無 《張?chǎng)涡竦腃SS深入理解之overflow》學(xué)習(xí)筆記 overflow基本屬性 overflow屬性介紹 overflow: visible(默認(rèn))|hidd...

    Ali_ 評(píng)論0 收藏0
  • 學(xué)習(xí)筆記CSS深入理解vertical-align

    摘要:上例中,左邊盒子的基線為其底邊緣,右邊盒子的基線為的基線將右邊盒子的行高設(shè)置為,即這個(gè)的高度為,位置處于中間。 vertical-align的值 線類:baseline(默認(rèn)), top, bottom, middle 文字類:text-top, text-bottom 上標(biāo)下標(biāo)類:sub, super 數(shù)值:1px, 1em - 在baseline對(duì)齊的基礎(chǔ)上上下偏移一定數(shù)值 百分...

    ermaoL 評(píng)論0 收藏0
  • CSS 深入理解 border 【筆記

    摘要:本文是對(duì)慕課網(wǎng)張?chǎng)涡竦恼n程深入理解之的學(xué)習(xí)筆記,并結(jié)合了一些個(gè)人理解。 本文是對(duì)慕課網(wǎng)張?chǎng)涡竦恼n程《CSS 深入理解之 border》的學(xué)習(xí)筆記,并結(jié)合了一些個(gè)人理解。 border-width 不支持百分比 border-width 不支持百分比單位,原因如下: 在實(shí)際設(shè)計(jì)中,邊框一般是固定大小的,不會(huì)隨著盒子寬度的增加而增加 margin 和 padding 為百分比單位時(shí),...

    william 評(píng)論0 收藏0
  • 學(xué)習(xí)筆記CSS深入理解border

    摘要:張?chǎng)涡竦纳钊肜斫庵畬W(xué)習(xí)筆記不支持百分比,原因是邊框本身具有寬度固定的意義,不同設(shè)備的邊框不會(huì)因設(shè)備寬度而等比改變??梢岳迷撎匦詫?shí)現(xiàn)圖標(biāo)變色的效果與定位不計(jì)算區(qū)域,只限于以內(nèi)的盒子。 張?chǎng)涡竦腃SS深入理解之border學(xué)習(xí)筆記 border-width border-width不支持百分比,原因是邊框本身具有寬度固定的意義,不同設(shè)備的邊框不會(huì)因設(shè)備寬度而等比改變。因此從語(yǔ)義上來說,...

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

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

0條評(píng)論

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