css3高级和低级样式属性先后顺序

写css hack 时，由于hack主要针对的是个别浏览器，hack的书写顺序应当是从一般到特殊的写法。

如：

.box { width:200px; height:200px; position:fixed; left:0; top:0; _position:absolute; }

如果颠倒顺序，从特殊到一般，就失效了。

但是，对于高级浏览器支持的一些属性，低级版本和升级版本支持的可能不一样，为了都支持，该怎么写？

看如下代码：

div { height:30px; width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:2px solid orange; margin-bottom:20px; }
p { height:30px; width:60px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:2px solid orange; }

运行结果则是一致的。demo：http://jsfiddle.net/xmlovecss/XRrcK/

再对比ff和chrome的样式截图：

从浏览器渲染出的结果可以看出，火狐无所谓，chrome浏览器则分出了先后次序。

考虑到大多数人有升级高级浏览器的需要，所以建议写法是，从高级到低级。

转载于:https://www.cnblogs.com/my_front_research/archive/2013/01/18/2866361.html

css3高级和低级样式属性先后顺序相关推荐

《HTML5+CSS3网页布局和样式精粹》.(张亚飞).[PDF]ckook
图书作者: 张亚飞图书编号: 9787302261834 图书格式: PDF 出版社: 清华大学出版社出版年份: 2011 图书页数: 500-600 [内容简介] 对于初入门的网页设计者和开 ...
css鼠标悬停样式_利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标
原文转载自「刘悦的技术博客」 ( 利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标) ) 现而今,我们纵向的回顾整个大前端的历史,不难发现,人们对前端的审美要求越来越高,越来越严苛,与 ...
colordialog通过哪属性取其颜色_IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值1...
CSS中的样式属性比较多,经常使用的属性可以分为这么几类:字体.文本.背景.位置.边框.列表,以及其他一些样式属性.每个类中的属性都可以单独使用:如果同一个类中多个属性一起使用,还可以将它们整合为一行 ...
前端笔记（7）css属性书写顺序，布局流程，chrome调试工具
css样式表/层叠样式表(5) css属性书写顺序布局流程 chrome调试工具 css属性书写顺序布局定位属性 display / position / float / clear / visi ...
零基础学前端之css3高级特效
css3高级特效 1.本章目标掌握2D转换对元素进行移动.旋转.缩放和倾斜掌握在3D空间中改变元素的形状.位置和大小 2.2D转换方法移动:translate() 旋转:rotate() 缩放: ...
CSS面试须知--样式属性
属性书写顺序: 布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,关系到模式) 自身属 ...
阿ken的HTML、CSS的学习笔记_文本样式属性（笔记三）
前段时间国庆中秋那会儿学校放八天假几乎所有人都选择回家或者是出去玩儿而我选择留在学校这边儿找一个晚七到早七的兼职去警醒一下浑浑噩噩的自己整栋宿舍楼就剩下我和我的一个舍友虽不过十月深秋却让人 ...
CSS样式属性（一）
字体样式 font-size:字号大小 font-size属性设置字号该属性的值可以使用相对长度单位也可以使用绝对长度单位其中相对长度单位比较常用推荐使用px像素单位相对长度单位说明 e ...
CSS常用样式属性锦集
以下快捷键针对webstorm,idea也可以用一.文字属性 1.文字样式属性格式:font-style: italic; 取值:normal:正常显示 italic:斜体快捷键: fs fon ...

css3高级和低级样式属性先后顺序

css3高级和低级样式属性先后顺序相关推荐

最新文章

热门文章