HTML5学习之浏览器的私有前缀

浏览器的私有前缀是为了兼容老版本的写法 比较新版本的浏览器无需添加

1.私有前缀

-moz-:代表firefox(火狐)浏览器的私有属性

-ms-:代表IE浏览器的私有属性

-webkit-:代表safari chrome私有属性

-o-:代表opera(欧朋)浏览器私有属性

2.提倡写法 一圆角为例:

-moz-border-image:url();
-webkit-border-image:url();
-o-border-image: url();
border-image: url();

先写加私有前缀的,再写没有私有前缀的。

原文地址:https://www.cnblogs.com/huanying2000/p/12236165.html

时间: 2024-10-11 00:47:52

HTML5学习之浏览器的私有前缀的相关文章

HTML5 学习01——浏览器问题、新元素、canvas

Internet Explorer 浏览器问题 问题:Internet Explorer 8 及更早 IE 版本的浏览器不支持HTML5的方式. <!--[if lt IE 9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> 解决:html5shiv.js 引用代码必须放在 <

【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*/

CSS3选择器、低版本解决方案及各浏览器私有前缀

一.基本选择器 通配选择器:* 元素选择器:div.p… ID选择器:#id 类选择器:.className 群组选择器:选择器1,选择器2 主流浏览器全部支持 二.层次选择器 后代选择器: div p a 子选择器:div>p 兄弟选择器:p+ul 通用选择器:p~a 通用选择器和兄弟选择器 选中的都是同一层次的兄弟选择器 唯一的区别是兄弟选择器选择的是相邻的第一个兄弟,通用选择器选择的是后面所有的兄第 子选择器.兄弟选择器.通用选择器   :   IE7+支持 三.伪类选择器 1.动态伪类选

0071 浏览器私有前缀

浏览器私有前缀是为了兼容老版本的写法,比较新版本的浏览器无须添加. 私有前缀 ? -moz-:代表 firefox 浏览器私有属性 ? -ms-:代表 ie 浏览器私有属性 ? -webkit-:代表 safari.chrome 私有属性 ? -o-:代表 Opera 私有属性 提倡的写法 -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; 原文地址

HTML5 学习

1.details元素 details元素标识用户要求得到并且可以得到的细节信息,用于描述文档或文档某个部分的细节.它可以与summary元素配合使用.summary元素提供标题或图例.标题是可见的,用户点击标题时,会显示出细节信息,也就是details里面定义的信息. <details> <summary>HTML 5</summary> This document teaches you how to learn about HTML 5 </details&

HTML5学习笔记(二)——表单1

表单一直是网页必不可少的一部分,一直以来,表单的作用被无限扩展,发展出了诸多新奇的用法,老版的HTML只支持很少的一部分常用表单,许多的新表单都需要借助CSS与JavaScript语言来进行构建,现在HTML5来了,她带来了新的表单,这些强大的表单项,可以省去一大块复杂的JavaScript代码,很值得去学习. 而且在新的表单里面,不再像以前每个表单都必须位于<form></form>之内,只要在<form></form>内定义一个id,然后在网页任何位置都

HTML5 学习笔记(一)——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

[html5] 学习笔记-表单新增的元素与属性(续)

本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indeterminate属性.Image提交按钮的宽高属性. 1.controls属性 在html5中,可以在标签内部放置一个表单元素,并且通过该标签的controls属性来访问该表单元素. 1 <body> 2 <script> 3 function setValue(){ 4 var label