2020 05 22 CSS中的邊距(1)

2021-10-06 09:02:53 字數 845 閱讀 9678

邊距(沒有任何布局屬性的情況)

塊級元素

.box1

行級元素

a示例**

box1_1

你好再見

解釋box1

1.上邊距:為100px,是子級元素box1-1的margin-top傳遞給父級元素造成的。

2.左邊距:為50px,是自己的選擇器設定的。

3.下邊距:為150px,因為box2的外邊距為150px,且塊級元素的垂直方向的邊距重合,同時取較大值。

box1-1、box1-1

1.上邊距:為100px,是自己的選擇器設定的100px,傳遞給父級元素,與父級的垂直方向邊距疊加。

2.左邊距:為100px,是自己的選擇器設定的,沒有與父級元素疊加,也不會傳遞給父級元素。

a1、a2

1.上下邊距:為0,上下外邊距不作用與行級元素

2.左右邊距:a1左邊的邊距為30px,a1、a2之間的距離為60px,是a1、a2水平方向的邊距疊加造成的。

box2

1.上邊距:為150px,塊級元素之間的垂直外邊距重合,且取了較大的值150px。

2.左邊距:為150px,是自己的選擇器設定的。

css邊距,高度寬度

使用單獨的外邊距屬性 doctype html html head style div style head body h1 使用單獨的外邊距屬性 h1 div 這個 div 元素的上外邊距為 100 畫素,右外邊距是 150 畫素,下外邊距是 100 畫素,左外邊距是 80 畫素。div body...

css清空缺省邊距

萬用字元 缺點 萬用字元選擇器會找到 遍歷 當前介面中所有的標籤,所以效能不好 企業版企業版開發中可以從這個 中拷貝 yui 3.18.1 build f7e7bcb licensed under the bsd license.htmlbody,div,dl,dt,dd,ul,ol,li,h1,h...

CSS怎樣去除列表預設的邊距

body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input h1,h2,h3,h4,h5,h6 ol,ul img,fieldset 由於各個版本的瀏覽器,對一些標籤的初始值不一樣,我們需要幫它們初始化成一樣的,...