浏览器内核及css中前缀

1.css中前缀：

　 (1) -moz 内核: Gecko内核浏览器： Firefox , Netscape(6-9)

　 (2) -ms 内核：Trident 浏览器： IE , 世界之窗 , 360安全浏览器（1.0-5.0为Trident，6.0为Trident+Webkit，7.0为Trident+Blink） , 搜狗浏览器（1.x为Trident，2.0及以后版本为Trident+Webkit） ,腾讯TT , 2345浏览器

　 (3) -webkit 内核：Webkit 浏览器： chrome , safari , 遨游浏览器3 , Apple Safari

　 (4) -o 内核： Presto 浏览器： opera (现已改用Google Chrome的Blink内核)

时间： 2024-10-23 14:17:28

浏览器内核及css中前缀的相关文章

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

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

项目期复习总结：背景图合并，hack，浏览器内核前缀，伪类after before

目录: 1.背景图合并和CSS Spirit 2.PS基本快捷键 3.hack技术基本书写,为什么不用? 4.内核前缀 5.伪类afterbefore 1.背景图合并和CSS Spirit 背景图合并在使用时有两种方法: ①一种就是你会PS,可以自己PS实现背景图合并成一张图片,再用background-position实现背景图的定位. ②如果你不会PS,那可以用CSS背景图合并工具,直接选好图片后在线制作生成相对应格式的图片,方便快捷. background的语法: background-c

项目期复习总结1：背景图合并，hack，浏览器内核前缀，伪类after before

文件夹: 1.背景图合并和CSS Spirit 2.PS基本快捷键 3.hack技术基本书写,为什么不用? 4.内核前缀 5.伪类afterbefore 1.背景图合并和CSS Spirit 背景图合并在使用时有两种方法: ①一种就是你会PS.能够自己PS实现背景图合并成一张图片.再用background-position实现背景图的定位. ②假设你不会PS.那能够用CSS背景图合并工具,直接选好图片后在线制作生成相相应格式的图片.方便快捷. background的语法: background-

css3私有属性前缀及主流浏览器内核

现代浏览器的内核,主流内容主要有Mozilla(熟悉的有Firefox,Flock等浏览器).WebKit(熟悉的有Safari.Chrome等浏览器).Opera(Opera浏览器).Trident(讨厌的IE浏览器). 根据不同的内核,一些私有属性的css前缀不一样 Mozilla内核 css前缀-moz; WebKit内核 css前缀-webkit ; Opera 内核 css前缀 -o ; Trident内核 css前缀 -ms ; 转载:http://www.cnblogs.com

在head标签里加一个meta标签让指定ie使用特定内核解决css在ie中的兼容性问题

css中字体大小在不同浏览器兼容性问题

css中使用font-size设定字体大小,不同浏览器的字体height一样,但是width不同,比如在火狐和谷歌中,font-size:20px,字体的高度变为20px,但是谷歌的字体宽度比火狐长一,解决方法如下: 1. 将浏览器的基准字号设置为 62.5%,也就是 10px,现在 1rem = 10px -- 为了计算方便.然后在 body上应用 font-size: 2rem;,那么现在body的字体大小就是 20px. html { font-size: 62.5%; } body

【HTML5】浏览器内核、私有前缀

浏览器内核私有前缀浏览器 webkit -webkit- chrome.safari.安卓.ios trident -ms- IE gecko -moz- firefox presto -o- opera 1 h1{ 2 text-stroke:1px red;/*保证此属性纳入标准后能正常使用*/ 3 text-fill-color:blue; 4 -webkit-text-stroke:1px red;/*保证此属性纳入标准前webkit内核的浏览器可用,如chrome.safari*/

CSS中设置DIV垂直居中的N种方法兼容IE浏览器

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>.<th>.<caption>等,而像<div>.<span>这样的元素是没有valign特性的,因此使用vertica

CSS中box-sizing属性的理解与部分用法

今天看了一些关于box-sizing的一些资料,在这里整理一下,希望也能对大家有所帮助. box-sizing是CSS的一个属性,很好的解决了盒模型的相关问题.CSS中的盒模型(Box model)分为两派,一派是W3C的标准模型,一派是IE的传统模型.那它们之间有什么不同的呢?首先需要明确它们都是对元素计算尺寸的模型,具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系:而不同的地方就在于两者的计算方法不一至:(下面引用一些公式向大家展示一下两者的