1订框、margin:盒子與盒子之間的距離
給灰色盒子設置margin時,會吧父級紅色盒子帶下來兜叨,這時要給紅色盒子設置值一個邊框穿扳,使其觸發(fā)bfc,形成包裹,這時父級就不會被帶下來
BFC:塊級格式化范圍国旷,BFC就像一個頁面中容器矛物,包裝了后就不會影響到頁面其他布局,且這個容器中布局與外面也毫不相干
2议街、在文字外面套個盒子泽谨,再在中盒子外套一個盒子璧榄,設置這個盒子的padding值可以達到文字距原來盒子有內邊距的效果特漩,如果直接在第一個盒子上設置的話,會改變盒子大小
3骨杂、CSS的選擇器
(1)通配選擇器*(最好 v 不要用)
作用于所有標簽涂身,無論標簽有沒有寫,有沒有在文檔中出現(xiàn).
(2)標簽名選擇器
作用于一類標簽
使用場景:常用于重置某類標簽的樣式
(3)群組選擇器 ? 選擇器1搓蚪,選擇器2蛤售,…{ }
p,div{
color:red;
}
(4)類選擇器
命名規(guī)范:
1、不要以數(shù)字開頭
2妒潭、不要過于簡單悴能,要有意義
3、多個單詞用下劃線連接
4雳灾、可以使用多個名字漠酿,用空格隔開(可事先設置好某些屬性,當該類需要時谎亩,直接寫到名字種炒嘲,該類就具有該種屬性。
使用場景:用于各種場景匈庭,使用最多
(5)后代選擇器 ? ? ? ? ? ? ?選擇器1 ?選擇器2 選擇器3?… {} ? ? ?只作用于最后一個選擇器夫凸,前面的選擇器只是過濾條件,幫助定位