css遇到的那些坑——浏览器默认样式设置
程序员文章站
2022-04-15 09:56:57
...
今天自己写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遇到的那些坑——浏览器默认样式设置 相关文章请关注PHP中文网!
上一篇: html text的常用事件和方法详细描述_HTML/Xhtml_网页制作
下一篇: 关于响应式、媒体查询和media的关系 、流媒体布局flex 和em rem像素的使用 我有一些废话要讲..... - 乔仁杰
推荐阅读
-
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
-
前端 修改浏览器默认的滚动条CSS样式
-
CSS 修改浏览器默认的滚动条样式
-
[swift]iOS开发:使用rar解压库Unrar4iOS遇到的那些坑,另附上自己的一个简易版的本地沙盒文件浏览器
-
css去除chrome浏览器输入框默认样式填充及chrome浏览器滚动条样式设置
-
在
- 标签内设置list-style-type:disc样式后,为什么在IE11和火狐浏览器显示效果不一样?如何使ie11显示成火狐的样子?_html/css_WEB-ITnose
-
CSS去除Chrome浏览器的控件默认样式_html/css_WEB-ITnose
-
CSS怎么处理浏览器的默认样式
-
css遇到的那些坑——浏览器默认样式设置
-
[swift]iOS开发:使用rar解压库Unrar4iOS遇到的那些坑,另附上自己的一个简易版的本地沙盒文件浏览器