当前位置:错新网文章中心网站设计网页设计 → 浏览器的User Agent Stylesheet解决方法

浏览器的User Agent Stylesheet解决方法

减小字体 增大字体 作者:xin  来源:www.cuoxin.com  发布时间:2017-7-20 10:03:41

大家通常看到一个没有带任何CSS样式文件的HTML却带有不错的样式,这是由于在W3C的HTML标准里,一些HTML标签自带一些CSS样式。

不同的浏览器把实现这些HTML自带样式的模块称作User Agent Stylesheet。

不同的浏览器实现的User Agent Stylesheet不一,但大部分都能遵循W3C的标准。

个人认为chrome实现的User Agent Stylesheet是最符合人们阅读习惯,例如p前后都有1em的外边距等。

在chrome里的User Agent Stylesheet如下图所示。

浏览器的User Agent Stylesheet解决方法

从上图中还可以看出浏览器的User Agent Stylesheet的优先级是很低的,经常被其他样式覆盖,这也是设置了CSS样式文件后能够起作用的原因。

从CSS的英文全称 Cascading Style Sheet,中文译作“层叠样式表单”, 其中cascading取义为层叠,即不同层级的样式表单叠加覆盖的意思。

其实W3C的CSS标准中有一套完整的CSS样式的优先级规则,高优先级的样式覆盖低优先级,后面将逐步剖析这些优先级的规则,讲解怎样能做出高效能的CSS样式表。

写了一个页面字体一直是加粗,原来是

strong,b{  user agent stylesheet  font-weight:bold;}

引起的

解决方法:重新定义 strong,b{font-weight:normal}

然后字体就正常了,

这是因为user agent stylesheet 是浏览器默认的样式,浏览器的css样式渲染了你的html,所以才会出现这种问题,所以我们写前台页面的时候首先要对前台页面初始化

初始化代码如下

  html{color:#000;background:#FFF;}  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}  table{border-collapse:collapse;border-spacing:0;}  fieldset,img {border:0;}  address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}  ol,ul {list-style:none;}  caption,th {text-align:left;}  h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}  q:before,q:after {content:'';}  abbr,acronym { border:0;}  @charset "utf-8";  *{margin: 0px;padding: 0px;}  a{text-decoration: none;color: #000000;font-size:15px;/*字体*/}  li{list-style: none;}  input,img{border: none;}

(【错.新.网】 Cuoxin.com)


本文引用网址:

在下列搜索引擎中搜索“浏览器的User Agent Stylesheet解决方法”的相关信息:

谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1最新90后吹箫门事件曝光 90后女...
  • 2王梦溪未经处理雅照120P完整艳...
  • 3美女穿紧身裤性感诱惑露阴沟 宅...
  • 4如何做爱真人示范图片 男女ML常...
  • 5四川美院女生遭前男友发艳照报...
  • 117岁女孩身份证号大全 18岁女孩...
  • 2去掉dedecms栏目页和内容页的当...
  • 32016黑客免费送qq 6位qq号 7位...
  • 4我想更改前台页面的样子,改怎...
  • 5如何设置三级域名?二级域名三...
  • 1兰州警花王梦溪裸照全集视频 王...
  • 2合肥艳照门事件 合肥艳照门全套...
  • 3嫩白少妇与猛男户外疯狂车震遭...
  • 4兰州警花王梦溪裸照 兰州86警花...
  • 5中国女大学生的淫靡生活
  • 1一般人不告诉他 墨盒喷头清洗方...
  • 2Linux和GNU有什么关系?
  • 3巧改注册表还Windows桌面清净
  • 4配置Linux的环境变量
  • 5Linux系统用户账号文件中passw...
  • 赞助商广告

    图片文章导读