css常用技巧 持續更新

2022-09-03 23:57:11 字數 882 閱讀 3689

6、div應用float溢位fatherdiv

demo:

fdiv不設定高度,div應用float,內容溢位

解決方法:

增加bdiv並應用clear:both清浮動或者給fdiv設定高度。

7、css的縮寫規則

①、color的縮寫

demo:

#ff00ee->#f0e  簡單縮寫  注:#f0f0fe->#f0f0fe 不可以縮寫

②、單位的縮寫

數值為0,可以不寫單位

demo:

margin:0px->margin:0

③、margin和padding的縮寫

描述規則,順時針上右下左

demo:

margin-left:15px;margin-right:20px;margin-top:30px;margin-buttom:10px;--> 

margin:30px 20px 10px 15px; 上=30px、右=20px、下=10px、左=15px;

margin:30px;上=右=下=左=30px;

margin:30px 20px; 上=下=30px;左=右=20px;

margin:30px 10px 15px; 上=30px; 下=10px;左=右=15px;

注:上右下左順時針不止適用於這裡哦

④、border的縮寫

規則:border:border-width border-style border-color

demo:

div /*邊框寬度 邊框樣式 邊框顏色*/

->div

border-top、border-right、border-buttom、border-left不可以縮寫,但是可以:

div

css小技巧 (持續更新)

這兩天做專案 遇到的一些css問題記錄一下 以前的解決辦法都是用calc 100 padding或者margin 的數值 但是css3出了個新屬性 box sizing border box margin不在屬性範圍內 意思為 元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪製。通過從已設...

ORACLE 常用技巧(持續更新ing)

1 爬樹 with t as select 00 as code child,1 as code parent from dual union select 01 as code child,00 as code parent from dual union select 02 as code ch...

PAT考試 常用技巧(持續更新)

1.字串中的大小寫轉換 s i 32 位運算,速度快2.排名的實現 有並列的情況 一般將排名的物件存放在容器中。struct peo vectorv int main 省略部分 int rank 0,pre 1 for int i 0 i3.不想寫c c 標頭檔案,直接寫下邊乙個就可以 includ...