知識點篇
1、滾動條樣式美化
：：-webkit-scrollbar-track{}
：：-webkit-scrollbar-thumb{}
2.grid-template設置網絡模板，實現三列二行佈局
display:grid;
grid-template-columns:100px 100px 100px;
grid-template-rows:70px 100px;
grid-template:70px 100px/100px 100px 100px;
3. grid-gap設置網格間隙，包括行和列
比如：grid-gap:10px;
4.grid佈局，使用fr單位實現等比例分配空間
display:grid;
gird-template-columns:1fr 2fr 1fr;
grid-gap:10px;
5.grid佈局使用repeat函數，可以少寫些代碼
比如：gird-template-columns:repeat(6，70)
6.利用box-shadow,clip-path實現彩虹
7.禁止瀏覽器的默認行爲
禁止長按圖片保存
img {
-webkit-touch-callout:none;
pointer-events:none;
}
//禁止長按選擇文字
div {
-webkit-user-select:none;
}
//禁止長按呼出菜單
div{
-webkit-touch-callout:none;
}
8.屏幕旋轉爲橫屏時，字體大小會變
*{
-webkit-text-size-adjust:100%;
}
10.文本縮進，塊級用text-indent，內聯用margin-left