首页 > > 网页制作 > css >

css遇到的那些坑——浏览器默认样式设置

2018-06-24 00:57:27来源：未知阅读 ()

今天自己写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文件，将需要修正的样式都写在里面，以后做项目时可以共用。

以后有时间对此问题做详细了解之后再做补充。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签