說道cssreset,大家又愛又恨，cssreset好處是，覆蓋了瀏覽器的預設樣式，使前端攻城獅能更加精確的新增樣式，各個瀏覽器中的介面效果都相同。可是大量的、固定的cssreset也給網頁載入帶來一定阻礙，很多元素及屬性網頁中根本就沒用到。
本人一直堅持認為在各個瀏覽器介面效果相同的情況下cssreset還是越少越好，今天就給大家總結了一下pc端和移動端網頁中常用的cssreset.
請記住最好的cssreset並不是一成不變的，而是應根據網頁的需求而新增的，所以在用不到的情況下最好刪除，避免載入過多的css而影響網頁效能。
pc端cssreset
/*pc css reset*/body,dl,dd,p,h1,h2,h3,h4,h5,h6
h1,h2,h3,h4,h5,h6 /*繼承body設定的字型大小*/
body
.clearfix:after /*除去浮動*/
.clearfix
a:hover
ul,ol /*當要新增小圖示時可修改*/
img /*在ie下除去邊框和底部空白*/
em,i /*如需預設樣式可修改*/
input,select,textarea /*出去獲得焦點下的藍色邊框*/
textarea /*禁止使用者縮放文字框*/
table
input::-moz-placeholder,textarea::-moz-placeholder /*修改placeholder文字顏色*/
input:-ms-input-placeholder,textarea:-ms-input-placeholder
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder
移動端cssreset
/*mt css reset*/body,dl,dd,p,h1,h2,h3,h4,h5,h6
h1,h2,h3,h4,h5,h6 /*繼承body設定的字型大小*/
/* 根據螢幕大小改變文字大小 */
html /*chorme下設定為10px無效，推薦設定為20px，1rem=20px*/
@media screen and (max-width:768px)
}@media screen and (min-width: 768px) and (max-width:992px)
}@media screen and (min-width: 992px)
}
body
.clearfix:after /*除去浮動*/
a:hover
ul,ol
img /* 自適應 */
em,i /*如需預設樣式可修改*/
button,input,select,textarea /*出去獲得焦點下的藍色邊框*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder /*修改placeholder文字顏色*/
幾種常用的瀏覽器CSS Reset方法
知道css reset是什麼嗎？通常情況下，它也被寫成reset css，即重設瀏覽器的樣式。在各種瀏覽器中，都會對css的選擇器預設一些數值，譬如當h1沒有被設定數值時，顯示一定大小。但並不是所有的瀏覽器都使用一樣的數值，所以，有了css reset，以讓網頁的樣式在各瀏覽器中表現一致。正在使用c...
DIY屬於個人開發使用的CSS Reset
由於最近的需要，重新複習了css.溫故而知新，發現以前學習時有很多的遺漏.如對css的預定義處理，也就是reset，根本地忽視了.可以說是沒有這個概念吧，但潛移默化中還是有這樣處理的,只是不知道這就是reset而已,而且都比較亂.今天上網看了一些文章的介紹，也來整理乙份reset,方便以後開發使用....
DIY屬於個人開發使用的CSS Reset
由於最近的需要，重新複習了css.溫故而知新，發現以前學習時有很多的遺漏.如對css的預定義處理，也就是reset，根本地忽視了.可以說是沒有這個概念吧，但潛移默化中還是有這樣處理的,只是不知道這就是reset而已,而且都比較亂.今天上網看了一些文章的介紹，也來整理乙份reset,方便以後開發使用....