- 所在位置：
- 首页 >
- 编程技术 >
- CSS/HTML >
- CSS重置的内容有什么，重置究竟有何用处
CSS重置的内容有什么，重置究竟有何用处
Admin 2022-08-24 群英技术资讯 1203 次浏览
关于“CSS重置的内容有什么，重置究竟有何用处”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友就继续往下看吧。CSS重置是什么？
简单的说就是重置浏览器的CSS默认属性。
为什么要重置它，有什么作用？
因为浏览器的品种很多，每个浏览器的默认样式也是不同的，比如<button>标签，在IE浏览器、Firefox浏览器以及Safari浏览器中的样式都是不同的，所以，通过重置button标签的CSS属性，然后再将它统一定义，就可以产生相同的显示效果。
CSS重置的内容是什么？
最常见的莫过于这个：
* { padding: 0; margin: 0; border: 0; }
这是重置所有元素的内边距和外边距，以保证接下来书写的css内边距和外边距在各个浏览器里表现一样。
常用的css重置代码如下：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; }
现在大家对于CSS重置的内容有什么，重置究竟有何用处的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
CSS中transition属性的基本用法是什么，如何做一个简单动画
这篇文章主要介绍了css简单动画之transition属性详解,需要的朋友可以参考下
-
用CSS3怎样做switch组件开关的效果
这篇文章主要介绍了如何用css3实现switch组件的方法的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
-
CSS按钮hover怎么使用，怎样实现炫酷丰富的效果
CSS按钮hover方法怎么用呢？下面是CSS Button按钮8种漂亮的hover效果示例，让大家在网站开发中学会如何使用css hover方法打造一个让人眼前一亮的hover效果，请看介绍。 一：CSS hover发送效果，hover火箭发射效果 HTML： divid=send-btnbutton//这里是一个sv
-
用CSS+HTML实现文字折叠效果的代码是什么
本文主要介绍了html+css实现文字折叠特效实例，分享给大家，具体如下：效果：实现：1. 定义标签： <h1>aurora</h1>2. 设置文字基本样式：h1{ text-transform: uppercase;
-
用CSS怎样做类似iOS的开启关闭选择框?
这篇文章给大家分享的是用CSS实现类似iOS的开启关闭选择框效果。小编觉得挺有意思的，因此分享给大家做个参考，文中示例代码介绍的非常详细，感兴趣的朋友接下来一起跟随小编看看吧。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
