學習記錄 css 內邊距 邊框和外邊距

2021-07-09 11:10:18 字數 565 閱讀 3663

不可運用與行內非替換元素

父元素的背景

百分數相對于父元素width計算,不論上下還是左右(對於定位元素上下外邊距則不同)

margin:

上右下左

上(右左)下

(上下)(右左)

負外邊距

上下外邊距合併

行內非替換元素只受left和right影響,top和bottom不會影響行高

border-width:寬度或粗細,thin,medium,thick

border-style:樣式或外觀,預設none

border-color:顏色,預設元素文字顏色,父元素文字顏色,transparent透明

邊框繪製在元素背景之上

對行內非替換元素的行高無影響

元素背景

預設元素沒有內邊距

內邊距不合併

百分數相對于父元素width計算,不論上下還是左右

對行內非替換元素的行高無影響

css 內邊距 外邊距 邊框

1.內邊距css padding 屬性定義元素邊框與元素內容之間的空白區域。例子 padding left 20px 屬性 描述padding 簡寫屬性。作用是在乙個宣告中設定元素的所內邊距屬性。padding bottom 設定元素的下內邊距。padding left 設定元素的左內邊距。padd...

《CSS權威指南》學習記錄 內邊距 邊框 外邊距

好討厭,這本書居然在第七章就直接用了這些屬性,然後在第八章部分介紹o o 所以,這部分內容是根據w3c來學習的,等我看完第七章和第八章後再向裡面加些內容 css假定每個元素都會生成乙個或多個矩形框,稱其為元素框。元素框中心有乙個內容區,內容區周圍有可選的內邊距 邊框 外邊距。元素框的最內部分是實際的...

外邊距 內邊距 邊框詳解

外邊距 margin margin可以設定盒子和盒子之間的距離 若想要盒子水平居中,則必須滿足兩個條件 1 盒子必須設定寬度 2 讓左右外邊距為auto margin 10px auto 若想要讓行內元素或行內塊元素水平居中,則只需要給其父元素新增text align center 即可 有關外邊距...