首页 > 代码库 > CSS之浏览器默认样式设置
CSS之浏览器默认样式设置
今天自己写css样式时，其中用到了<ul>标签，设置了一系列效果后运行，发现位置与设置有出入。chrome上打开检查项，发现<ul>标签的styles底部多了以下一段：
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
旁边显示来源是：user agent stylesheet
检查了html及css后，发现并无特别设置，html头中也做了标准设定。百度了”user agent stylesheet“之后，发现是浏览器针对不同html元素，会有相应的css默认设置。
解决的方法：
1、比较简单的一种方法：在css文件开头设置通配符样式，比如*{margin:0px;padding:0px;}，覆盖掉浏览器的默认设置；
2、复杂一点的方法：了解通用的几种浏览器的默认设置，再单独写一个css文件，将需要修正的样式都写在里面，以后做项目时可以共用。
CSS之浏览器默认样式设置
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。