css reset

最新推荐文章于 2024-08-12 08:56:17 发布

有夏无夏

最新推荐文章于 2024-08-12 08:56:17 发布

阅读量2.7k

点赞数

分类专栏： Vue 文章标签： css reset

本文链接：https://blog.csdn.net/Ada_lake/article/details/102642027

版权

本文介绍了CSS Reset的作用，解释了为何在跨浏览器开发中需要使用它来确保样式一致性，并提供了如何使用CSS Reset的基本步骤，包括重置body、列表、链接等元素的默认样式。

摘要由CSDN通过智能技术生成

什么是 css reset
为什么需要css reset
怎么使用css reset

1. 什么是css reset

css Reset 就是用来重置（复位）元素在不同核心浏览器下的默认值，尽量保证元素在不同浏览器下的同一“起跑线”

2. 为什么需要 css reset

不同核心的浏览器对css的解析效果各异，导致所期望的效果跟浏览器的“理解”效果有偏差。

3. 怎么使用css reset

如常见的：网页默认的背景色，字体色和字体大小，
body等无自身的margin、padding
列表无圆点
链接无下划线
…

找到的css reset 示例，可直接拿来使用，但根据自身需求更改

@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100