盒子模型基礎知識點整理

2021-10-17 20:11:10 字數 970 閱讀 5212

solid 實線

dotted 點線

dashed 虛線

border: 1px  solid  #006600;


border-left | right | bottom | top


border-collapse:collapse;
padding:  left  | right  |  bottom  |  top
內邊距連寫

padding:  0  12px  13px  14px;


padding:  12px  20px  30px;
border、內邊距會影響盒子大小;

盒子寬度=定義寬度+邊框粗細+左右內邊距;

巢狀關係時，子盒子不超過父盒子寬度，只要內邊距不超過父盒子寬度，內邊距不會撐大父盒子。

margin:  left | right | top  |bottom
外邊距連寫

margin: 12px 13px 14px 15px;


margin:12px  13px  14px;
垂直方向外邊距合併2個盒子垂直方向，同時定義了垂直方向外邊距，發生合併，取的是最大值。

外邊距塌陷

給父盒子加border

overflow:hidden; bfc

行內元素可以定義左右的內外邊距，上下會被忽略掉。

行內塊可以定義內外邊距。

JAVA基礎知識點整理

一.預設的構造方法不一定都是public的 預設構造方法的修飾符是與所在類的修飾符一致的。二.split 分割字元竄有特殊字元竄像 等並不會達到預定的效果。三.一維陣列占用記憶體比二維陣列多，測試 runtime.getruntime totalmemory 可以得到占用記憶體總數，hashmap儲...

VUE基礎知識點整理

純知識點整理，適合vue小白 不小心點了發布 淚目 1，指令 v bind id domid 屬性值繫結 縮寫 id xx v on click add 事件處理 縮寫 click xx v if seen 條件 v for todo in todos data demo methods compu...

C C 基礎知識點整理

1.includeusing namespace std int main cout aa 0 1 endl cout aa 1 endl cout aa 0 endl cout aa 1 endl return 0 2.某二叉樹的後序遍歷和中序遍歷是一樣的都為abcdef，那麼它按層輸出的結果為 ...