簡單常用的一個reset.css
阿新 • • 發佈:2019-01-04
首先注意在引入reset.css的時候,要了解一下css的優先順序:
四種CSS引入方式的優先順序
1.就近原則
2.理論上:行內>內嵌>連結>匯入
3.實際上:內嵌、連結、匯入在同一個檔案頭部,誰離相應的程式碼近,誰的優先順序高
所以reset.css一定要放在最上面(即實現後加的樣式覆蓋預設的reset.css)
第一種:
* { vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
第二種:
html, body {
padding: 0;
margin: 0;
}
html {
font-size:1em;
}
body {
font-size:100%;
}
a img, :link img, :visited img {
border:0px;
}
四種CSS引入方式的優先順序
1.就近原則
2.理論上:行內>內嵌>連結>匯入
3.實際上:內嵌、連結、匯入在同一個檔案頭部,誰離相應的程式碼近,誰的優先順序高
所以reset.css一定要放在最上面(即實現後加的樣式覆蓋預設的reset.css)
第一種:
* { vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
第二種:
html, body {
padding: 0;
margin: 0;
}
html {
font-size:1em;
}
body {
font-size:100%;
}
a img, :link img, :visited img {
border:0px;
}