今日知識總結

2021-09-11 20:12:10 字數 1354 閱讀 1166

語法:  border : border-width || border-style || border-color 

常用屬性:

none:沒有邊框即忽略所有邊框的寬度(預設值)

solid:邊框為單實線(最為常用的)

dashed:邊框為虛線 

dotted:邊框為點線

double:邊框為雙實線

綜合寫法: border-style/width/color-上/右/下/左    border-上/右/下/左-style/width/color

table collapse 單詞是合併的意思

border-collapse:collapse; 表示邊框合併在一起

語法格式: border-radius: 左上角  右上角  右下角  左下角;

padding屬性用於設定內邊距。 是指 邊框與內容之間的距離。

padding-top:上內邊距

padding-right:右內邊距

padding-bottom:下內邊距

padding-left:左內邊距

後面跟2個值同時表示上下和左右,跟3個值表示上/左右/下,跟4個值表示上右下左順時針

margin屬性用於設定外邊距。 設定外邊距會在元素之間建立「空白」, 這段空白通常不能放置其他內容。

margin-top:上外邊距

margin-right:右外邊距

margin-bottom:下外邊距

margin:上外邊距 右外邊距 下外邊距 左外邊 取值順序跟內邊距相同。

可以讓乙個盒子實現水平居中,需要滿足一下兩個條件: 必須是塊級元素。 盒子必須指定了寬度(width) 然後就給左右的外邊距都設定為auto,就可使塊級元素水平居中。

*
當上下相鄰的兩個塊元素相遇時,如果上面的元素有下外邊距margin-bottom,下面的元素有上外邊距margin-top,則他們之間的垂直間距不是margin-bottom與margin-top之和,而是兩者中的較大者。這種現象被稱為相鄰塊元素垂直外邊距的合併(也稱外邊距塌陷)。

解決方案: 避免就好了。

對於兩個巢狀關係的塊元素,如果父元素沒有上內邊距及邊框,則父元素的上外邊距會與子元素的上外邊距發生合併,合併後的外邊距為兩者中的較大者,即使父元素的上外邊距為0,也會發生合併。

解決方案: 可以為父元素定義1畫素的上邊框或上內邊距。 可以為父元素新增overflow:hidden。

語法格式: box-shadow:水平陰影 垂直陰影 模糊距離 陰影尺寸 陰影顏色  內/**影;

前兩個屬性是必須寫的。其餘的可以省略。 **影 (outset) 但是不能寫 他是預設的  想要內陰影 inset

今日知識總結

元素的浮動是指設定了浮動屬性的元素會脫離標準普通流的控制,移動到其父元素中指定位置的過程。語法格式 選擇器.屬性值有left right none.浮動脫離標準流,不佔位置,會影響標準流。浮動只有左右浮動。清除浮動主要為了解決父級元素因為子級浮動引起內部高度為0 的問題。是w3c推薦的做法是通過在浮...

今日c 知識點總結

1.const char p和char constp有什麼區別?const char p 表示的是指標指向的內容不能修改 p 是不可以的 char const p 表示的是指標指向的內容可以修改,p本身的內容 指的是位址 不可修改 比如一開始初始化的時候p a 但是現在p b 這樣是不對的 2.有參...

今日webAPI知識點總結

onmouseup 滑鼠按鍵放開時觸發 onmousedown 滑鼠按鍵按下觸發 onmousemove 滑鼠移動觸發 onkeyup 鍵盤按鍵按下觸發 onkeydown 鍵盤按鍵抬起觸發 setinterval 引數1,引數2 引數1 要執行的函式.引數2 時間,單位毫秒,設定定時器多少毫秒觸發...