摘要:張?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)置paddingol/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
摘要:張?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è)厮椒较?..
摘要:張?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...
摘要:上例中,左邊盒子的基線為其底邊緣,右邊盒子的基線為的基線將右邊盒子的行高設(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ù)值 百分...
摘要:本文是對(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í),...
摘要:張?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ǔ)義上來說,...
閱讀 1482·2021-11-24 09:39
閱讀 3663·2021-09-29 09:47
閱讀 1598·2021-09-29 09:34
閱讀 3108·2021-09-10 10:51
閱讀 2574·2019-08-30 15:54
閱讀 3250·2019-08-30 15:54
閱讀 898·2019-08-30 11:07
閱讀 1039·2019-08-29 18:36