一. 流、元素、基本尺寸
1.塊級、內聯
內外盒子:根據外在盒子是內聯仍是塊級,咱們能夠把元素分爲內聯元素和塊級元素。佈局
display:block後不要再設置width:100%,會破壞流的自動性。it
2. 百分比佈局
(1)百分比高度值想要起做用:
1. 父級必須有一個能夠生效的高度值,auto值不行class
2.給子元素設置絕對定位。import
(2)百分比值計算的差別:
絕對定位的寬高百分比計算是至關於padding box計算的,非絕對定位的寬高百分比計算是至關於content box計算的object
3. max-width
max-width權重會覆蓋width,且超越!important權重,但min-width會超越max-width的權重。im
4. 收起效果
可以使用max-height+overflow:hidden實現,設置初始max-height爲0,點擊時max-height爲足夠高的高度便可。di
二. 盒尺寸
1. 替換元素
根據是否具備可替換內容,能夠把元素分爲替換元素和非替換元素。默認適配方式爲填充(object-fit: fill)ant