頁面重置樣式reset.css


我把經常用到的一些頁面重置樣式歸類到了一個.css文件中,這樣可以減少代碼冗余。當然還有其他的很多用處,比如h1~h5的樣式全部統一的話,下面寫東西很清晰很多。

@charset 'utf-8';

html,body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}  /*這里不要用通配符*{margin:0;padding:0;}因為會遍及所有元素*/
html{font-size: 100px;}  /*設置html根標簽的字號大小為100px;為了使用rem;可以等比例放大縮小整體比例*/
body{font-family:"微軟雅黑";font-size: 16px;}  /*html{font-size: 100px;},此時不給body加字號大小,在給inline-block使用字體的時候排版會亂*/
b,strong{font-weight:normal;}
i,em{font-style:normal;}
ul,ol,li{list-style:none;}
a,u{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}   
img{border:0;display:block}
input,fieldset{outline: none;border:0;}
.clear_fix::after{content: " ";clear: both;display:block;height: 0;overflow: hidden;visibility: hidden;}  /*萬能清浮動*/
.clear_fix{zoom:1;}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM