一最铁、京東頁(yè)面
1.Font字體綜合寫(xiě)法
font:字體加粗 ?字號(hào)/行高 字體;
font-weight:bold = 700;正常是400
2.用于做一些小裝飾的標(biāo)簽:
s ?del刪除線
i ? em傾斜
u ? ins下劃線
3.字體的裝飾:
字體加粗font-weight: 700;
讓字體不加粗: ?font-weight:normal;
字體傾斜: ?font-style:italic;不用
字體不傾斜:font-style:normal;
不下劃線不刪除線: ?text-decoration: none;
4.定位
(1)position:static 靜態(tài)定位 約等于標(biāo)準(zhǔn)流
(2)浮動(dòng)的不浮動(dòng) float:none; ?none left right
? ? ? ? 定位的不定位 ?position:static ; ?absolute relative fixed
5.權(quán)重問(wèn)題
標(biāo)簽 1 ? 類10 ? ? id 100 ? ?行內(nèi)1000
6.網(wǎng)頁(yè)的穩(wěn)定性
Width和height最穩(wěn)定 ?其次padding ?最后才考慮margin
7.關(guān)于浮動(dòng)
浮動(dòng)目的:可以讓多個(gè)塊級(jí)元素放到一行上。
清除浮動(dòng)的目的:就是為了解決父盒子高度為0的問(wèn)題。
清除浮動(dòng):
1.額外標(biāo)簽法
2. Overflow: hidden觸發(fā)bfc模式 就不用清楚浮動(dòng)
3.偽元素
.clearfix:after {
content:””;
Visibility:hidden;
Display:block;
Height:0;
Clear:both;
}
.clearfix{
Zoom:1;
}
清除浮動(dòng):真正的叫法閉合浮動(dòng)(將clearfix加在父級(jí)元素上)
.clearfix:before,.clearfix:after{
display:table;
content:"";
}
.clearfix:after{
clear:both;
}
.clearfix{
zoom:1;
}
overflow:hidden;屬性可以保證div的高度或?qū)挾炔蛔儭?br>
div里添加的東西再多骚亿,高度或?qū)挾纫膊蛔児吒怼3龅牟糠蛛[藏。使盒子保持本身的寬高。