CSS如何重置样式？CSS样式重置效果的实现(code)

web前端|css教程

样式重置,css

web前端-css教程

本文给大家介绍如何用CSS样式重置效果，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

易语言开机自动启动源码,vscode安装好要配置环境吗,ubuntu源码包安装,脚本安装tomcat8.0,c sqlite 导入,潍坊网页设计,l5420 服务器内存,discuz检测盗版插件,京东前端ui框架,长腿的爬虫,php与mysql基础教程,移动端seo优化,springboot热拔插功能,寿光房产网站源码,点击网页空白弹出其他网页,phpcms v9添加模板,域名控制面板后台,jquery 加载到html页面刷新,app后台管理系统模板,php 抽奖 程序lzw

在我们准备开发一个项目的时候，肯定要考虑到一些浏览器的兼容性，或者更方便自己编写一个页面，那么这时候很多人就会想到CSS的重置，一般人都会这样写。

安卓rtsp播放器 源码,ubuntu已休眠,文件里设置tomcat端口,经典爬虫逻辑,学php先学什么基础,鸿科经纬中级seo实训视频lzw

@charset "utf-8";/* 使用重置样式表 */html, body, p, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }body{ line-height:1;}ol,ul{ list-style:none;}blockquote, q{ quotes:none;}blockquote:before, blockquote:after, q:before, q:after{ content: \; content:none;}/* remeber to define focus styles! */:focus{ outline:0;}/* remeber to highlight inserts somehow */ins{ text-decoration:none;}del{ text-decoration:line-through;}/* tables still need cellspacing="0" in the markup */table{ border-collapse:collapse; border-spacing:0;}

注意，不能像有些网站上写的这样：*{margin:0;padding:0;}，这样会白白耗费很多性能

幽默搞笑类网站cms源码,ubuntu怎么编写脚本,tomcat服务器下载官网,小制作小爬虫,php综合应用管理平台怎么设置,seo项目背景lzw

不过就上面的一大堆标签而言，我们也有很多用不到的，和一些没必要的，一把情况下，只用这些就好

body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;} ol,ul{margin:0; padding:0;}

好啦，重置就到这里啦！

总结：