內邊距
計算盒子的實際大小
盒子實際的大小=內容的寬度和高度+內邊距+邊框
padding不影響盒子大小的情況
如果沒有給乙個盒子指定寬度,此時,如果給這個盒子指定padding,則不會撐開盒子。
外邊距(margin)
margin屬性用於設定外邊距,就是控制盒子和盒子之間的距離。
基本屬性與padding相同。
塊級盒子水平居中
可以讓乙個盒子水平居中必須:
.header
文字居中和盒子居中的區別
插入和背景的區別
清除元素的缺省內外邊距
寫css的第一句話,所有的內外邊距都清除掉,自己設定。
-
注意:行內元素為了照顧相容性,盡量只設定左右外邊距,不要設定上下外邊距。(一般瀏覽器不支援)
外邊距合併
使用margin定義塊元素的垂直外邊距時,可能會出現外邊距的合併。
相鄰塊元素垂直外邊距的合併
當上下相連的兩個塊元素相遇時,如果上面的元素有下外邊距margin-bottom,下面的元素有上外邊距margin-top,則他們之間的垂直間距不是margin-bottom與margin-top之和,而是會取兩個值中的較大者,這種現象被稱為相鄰元素垂直外邊距的合併(也成外邊距塌陷)。
解決方案:當上下相連的兩個塊元素相遇時,盡量只給乙個設定垂直外邊距。
巢狀塊元素垂直外邊距的合併
對於兩個巢狀關係的塊元素,如果父元素沒有上內邊距及邊框,父元素的上外邊距會與子元素的上外邊距合併,合併後的上外邊距會是兩者中的較大者。
解決方案:
盒子模型布局穩定性
關於內外邊距如何選擇使用時機,大部分情況是哪個方便用哪個。
根據穩定性來分,建議優先使用寬度(width),其次使用內邊距(padding),再其次使用外邊距(margin)。
原因:
2023年9月6日 學習
一 一條sql執行時間過長,你如何優化,從哪些方面?1.檢視sql是否涉及多表的聯表查詢或者子查詢,如果有的話,看是否能進行業務拆分,相關字段冗餘的話合併成臨時表 2.涉及鍊錶的查詢,是否能進行分表查詢,單錶查詢後的結果進行字段整合 3.如果上述兩種方式都不管用的話,非要鍊錶查詢的話,那麼考慮對相應...
2023年6月2日學習隨感
管道命令 將 前的命令的標準輸出當作 後命令的標準輸入 cut 用特定的分隔字元將資料切出來 grep 將有特定資訊的行整行取出來 sort 按規定的順序進行排序 字母或數字 uniq 重複的資料只顯示乙個,可統計乙個資料出現幾次 wc 統計輸出中行 字 字元數 tee 同時將資料分流到標準輸出與檔...
6月9日筆記
續上節課 未寫完內容 7.overflow溢位處理 1 hidden隱藏超出大小的圖層 2 scroll無論內容是否超出圖層大小都新增滾動條 3 auto超出部分自動新增滾動條 div6月9日 從效果圖到網頁布局中以及按需要切圖 1.進行區域的劃分 1 分為幾個div,div中還有其他的 如圖分為三...