codecamp

CSS Reset

所有的 HTML 标签在没有设置样式时均被浏览器默认的样式列表所装饰 (不同浏览器默认样式有所不同)。CSS 的样式重置就是清楚浏览器的默认样式 ,可以理解为对于全局的样式定义。 对于开发者来言,如不重置每一个浏览器特定的默认样式,则会在开发造成诸多的不便。

在前端开发过程中做加法,远远比做减法简单。将所有浏览器的默认样式统一, 可以使它们有一个相同起点。

— Li Xinyang 资深前端工程师

NOTE:一份 CSS Reset 文件并不一定适用于所有场景,需要更具需求做出变通 (需符合产品需求为主)。

NOTE+:浏览器对于控件的样式和功能的特性支持也可以重置 (例如日历,清楚输入框内容按键等)。

NOTE++:Reset 文件需比页面其他样式文件的引入顺序优先(优先级需最高)。

样式重置前后对比

样式重置前

样式重置后


列表操作
布局解决方案
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

书单

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }