CSS知識歸納 2

2021-07-23 13:32:19 字數 793 閱讀 9124

每個元素都有其對應的盒模型:

border邊框,border-width、border-style(solid實線、dashed虛線、dotted點狀、double雙線)、border-color;

padding內邊距 ;

margin外邊框,可以為賦值,使元素內容區域向外展開;元素間上下外邊距會合併,取兩元素間較大外邊距作為間距,左右外邊距則不存在合併;

若乙個元素為空元素只有外邊距,則上下外邊距會合併,在遇到另乙個元素後仍會與其外邊距合併。

*

一些元素預設設定了盒模型屬性值,所以在樣式表開頭一般先去除這些元素的預設樣式,方便我們自定義樣式。

offsetwidth=元素內容區寬度+左右內邊距+左右邊框寬度;

offsetheight=元素內容區高度+上下內邊距+上下邊框寬度;

clientwidth=元素內容區寬度+左右內邊距;

clientheight==元素內容區高度+上下內邊距;

css3裡border-sizing屬性可以重新定義盒模型:

border-sizing:content-box

width=元素內容區寬度;

height=元素內容區高度;

border-sizing:border-box

width=元素內容區寬度+左右內邊距+左右邊框寬度;

height=元素內容區高度+上下內邊距+上下邊框寬度;

*

CSS歸納總結

選擇器的分組 css選擇器分為 1.群組選擇器 如 p,body,img,div 2.兄弟選擇器 如 p p 3.屬性選擇器 如 p title 4.包含 後代 選擇器 如 body ulli 5.子元素選擇器 如 div p 6.id選擇器 如 mydiv 7.類選擇器 如 class1 8.偽元...

css 屬性歸納

屬性 描述css background 在乙個宣告中設定所有的背景屬性。1background attachment 設定背景影象是否固定或者隨著頁面的其餘部分滾動。1background color 設定元素的背景顏色。1background image 設定元素的背景影象。1background...

unity知識歸納

unity 之 場景有光照但是模型光照顯示較暗 在頂部選單 window lighting settings,開啟燈光設定,原來是 auto generate 沒有勾選,所以光照不能自動進行光照烘焙 可以讓兩個物體合併呼叫方法 mesh combine unity 碰撞檢測 box collider...