重置樣式表-去除默認(rèn)樣式
重置瀏覽器默認(rèn)樣式涯呻,可以使用reset.css和normalize.css。
reset.css:直接去除瀏覽器所有的默認(rèn)樣式。
normalize.css:統(tǒng)一瀏覽器的所有樣式。
這兩個(gè)一般只用一個(gè)即可搬设,放在所有樣式表最前面,由于normalize. css還是帶有默認(rèn)樣式撕捍,一般都會(huì)用reset.css拿穴。
元素垂直居中
只要把height和line-height兩個(gè)屬性設(shè)置一樣的值,就可以實(shí)現(xiàn)忧风。
{
height:10px;
line-height:10px;
}
解決高度塌陷和外邊距重疊
在float是出現(xiàn)高度塌陷默色,可以使用如下偽元素代碼解決。
<style>
.clearfix::before,//選中前面
.clearfix::after//選中后面
{
content:'';
display:table;
clear:both;
}
</style>
元素水平垂直居中
<style>
.父元素{
position:relative;//絕對(duì)定位
}
.子元素{
left:0;
right:0;
top:0;
bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
postion:absolute;
}
</style>