清空默認(rèn)邊距
- 為什么要清空默認(rèn)邊距(外邊距和內(nèi)邊距)
- 在企業(yè)開發(fā)中為了更好的控制盒子的寬高和計算盒子的寬高等等, 所以在企業(yè)開發(fā)中, 編寫代碼之前第一件事情就是清空默認(rèn)的邊距
- 如何清空默認(rèn)的邊距
- 格式;
*{
margin: 0;
padding: 0;
} - 注意:
- 通配符選擇器會找到(遍歷)當(dāng)前界面中所有的標(biāo)簽, 所以性能不好
企業(yè)開發(fā)中可以從這個網(wǎng)址中拷貝：
http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css
- 通配符選擇器會找到(遍歷)當(dāng)前界面中所有的標(biāo)簽, 所以性能不好
- 格式：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;padding:0
}
行高和字號
- 什么是行高?
- 在CSS中所有的行都有自己的行高
- 格式：
line-height:取值； - 注意：
- 行高和盒子高不是同一個概念
- 行高指的是每行內(nèi)容的高度
- 盒子高指的是元素的高度
- 規(guī)律：
- 文字在行高中默認(rèn)是垂直居中的
- 在企業(yè)開發(fā)中我們經(jīng)常將盒子的高度和行高設(shè)置為一樣, 那么這樣就可以保證一行文字在盒子的高度中是垂直居中的
- 在企業(yè)開發(fā)中如果一個盒子中有多行文字, 那么我們就不能使用設(shè)置行高等于盒子高來實現(xiàn)讓文字垂直居中, 只能通過設(shè)置padding來讓文字居中
內(nèi)邊距和行高注意點
- 在企業(yè)開發(fā)中, 如果一個盒子中存儲的是文字, 那么一般情況下我們會以盒子左邊的內(nèi)邊距為基準(zhǔn), 不會以右邊的內(nèi)邊距為基準(zhǔn), 因為這個右邊的內(nèi)邊距有誤差
- 右邊內(nèi)邊距的誤差從何而來?
- 因為右邊如果放不下一個文字, 那么文字就會換行顯示, 所以文字和內(nèi)邊距之間的距離就有了誤差
- 頂部的內(nèi)邊距并不是邊框到文字頂部的距離, 而是邊框到行高頂部的距離
