1.關于content-box和border-box
- 我們在CSS的時候，會使用的box-sizing，這里面有兩個選項
box-sizing: border-box;
box-sizing: content-box;
- 比方說border-box掀亩，如果你設置了div的寬度為56px，然后再設置padding，那么這個padding是不會導致寬度增大的攘滩，改div的寬度還是56px；
- 用官方的說法 為元素設定的寬度和高度決定了元素的邊框盒纸泡。就是說漂问，為元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制。通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度女揭。
- 而content-box（默認值）則剛好相反蚤假，
2. swiper中的slidesPerView屬性
slidesPerView: 2.3
// 意味著在一個屏幕上，可以顯示2.3個幻燈片
slidesPerView: 3
// 意味著在一個屏幕上吧兔，可以顯示3個幻燈片
3. 關于nth-child()的使用
- 比方向設置第三個開始往后的div磷仰，那么可以醬紫
&:nth-child(n+3){
}
4.html中的dl、dt境蔼、dd
<dl>
<dt></dt>
<dl><dl>
<dl><dl>
</dl>
- dl：定義列表
- dt：定義標題
- dd：定義描述
- dt里是放置信息標題的灶平，dd則是這個信息的簡單概要的描述， 也就是說一個dt對應有一個dd來描述它
- dd里面的內容可以是任意的箍土，圖片逢享、文本甚至是視頻或音頻，多個類似的dt和dd組成一個dl
5.清除浮動
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
