CSS中-moz、-ms、-webkit、-o的意思

【CSS中-moz、-ms、-webkit、-o的意思】的更多相关文章

CSS中-moz、-ms、-webkit、-o的意思

-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari.chrome浏览器私有属性 -o代表opera浏览器私有属性上述这些是为了兼容老版本的写法:…

值别名有几个常用的别名: p → % e → em x → ex 可以用这些别名来代替完整的单位: w100p → width: 100% m10p30e5x → margin: 10% 30em 5ex 颜色值支持16进制地颜色值,例如: c#3 → color: #333;.# 符号是值的分隔符,所以不需要使用连字符做分隔.例如 bd5#0s 展开成 border: 5px #000 solid: .5 被从颜色值的 # 到 s (solid 的别名)从颜色中分隔出来,因为 s 不是16…

scss牛刀小试：解决css中适配浏览器前缀问题

在css中为适配浏览器,新特性总加 -webkit,-o, -moz 来适配浏览器,写的烦心,看着也臃肿,让css可读性降低,下面以阴影为例,如何使用scss让我们的css看起来更简洁. 本人使用的IDE为intellij_idea,关于scss怎么用,出门左转以阴影为例:当你在test.scss中写: @import "Function";//引入自定义Function函数 div{ width: 200px; height: 200px; margin: 40px; @inclu…

CSS gradient渐变之webkit核心浏览器下的使用

一.关于渐变渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方.例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色.渐变通过-webkit-gradient方法实现,可以用来代替图片URL.在webkit核心浏览器下(Safari4+, Chrome),有两种类型的渐变,线性的和径向的.您还可以指定多个中间过渡色,此称之为color stops. 二.基本语法 we…

深入理解CSS中的层叠上下文和层叠顺序(转)

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=5115 零.世间的道理都是想通的在这个世界上,凡事都有个先后顺序,凡物都有个论资排辈.比方说食堂排队打饭,对吧,讲求先到先得,总不可能一拥而上.再比如说话语权,老婆的话永远是对的,领导的话永远是对的. 在CSS届,也是如此.只是,一般情况下,大家歌舞升平,看不出什么差异,即所谓的众生平等.但是,当发生冲突发生纠葛的时…

css中clip-path属性的运用

今天看到一位同学的需求,要在一个div中加一个小尖尖,对话时发的图片,旁边这个三角是怎么实现与图片的颜色一致,效果如下: 当然,解决这个问题有各种奇淫巧技,现在我们来看一个css属性clip-path,很炫酷. 看属性,肯定要说兼容性问题,clip-path之所以没有很普及,也是因为其浏览器兼容问题.很多IE浏览器对齐属性不是很支持.我们看下他的浏览器兼容: 我们看到IE是完全不支持,尽量使用webkit内核,需要加上内核前缀-webkit-(转自haorooms博客). clip-path,包…