加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 服务器 > 系统 > 正文

CSS中的指定值、初始值和计算值学习教程

发布时间:2020-03-14 11:00:48 所属栏目:系统 来源:站长网
导读:这篇文章主要介绍了CSS中的指定值、初始值和计算值学习教程,包括利用JavaScript来获取元素的使用值的方法,是CSS入门学习中的基础知识,需要的朋友可以参考下

      return document.defaultView ? document.defaultView.getComputedStyle(obj, null).getPropertyValue(style) : obj.currentStyle[_style.replace(/-[a-z]/g, function() {   

          return arguments[0].charAt(1).toUpperCase();   

      })];   

}  

其中,需要注意的是,在 IE 里,浮动的计算值不能直接使用 'float' 特性来取, 需要使用的是 'styleFloat',可能 IE 中还存在其他类似的情况。请根据实际用途修改函数。
最后,关于使用值,可以直接使用浏览器开发者工具查看,在 Firebug 中,使用值就是 "计算出的样式"。Chrome 里则是 "Computed Style"。
实际值
经过以上三个步骤的处理,使用值基本上成为渲染所需要的值。但是用户端可能不能够在当前环境中使用这个值。例如:
div{
    width: 3.1415926px;
}
在某些浏览器中,只能显示整数类型的长度,因此,虽然上面的宽度在计算后的值与设置的相同,但是,浏览器却没有办法按小数来显示。
Firefox Chrome 等浏览器都会以以一定的方式对值做一些取舍。Firefox 采用了四舍五入的形式,Chrome 中却会直接取整,在这点上需要特别注意哦。

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读