2023年6月9日學習筆記

2021-10-07 00:03:39 字數 992 閱讀 3329

內邊距

計算盒子的實際大小

盒子實際的大小=內容的寬度和高度+內邊距+邊框

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中還有其他的 如圖分為三...