html5——私有前缀
CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分,像border-radius等属性需要加私有前缀才奏效
1、-webkit-:谷歌、苹果
2、-moz-:火狐
3、-ms-:微软
4、-o-:欧朋
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ width: 1100px; height: 200px; border: 1px solid #000; margin:100px auto; /* 背景渐变*/ /* -webkit-: chrome safari 谷歌(webkit内核的) 苹果 -moz-:火狐 -ms-:ie -o-: 欧朋 */ background: -ms-linear-gradient(left,red 0%, green 100%); background: -webkit-linear-gradient(left,red 0%, yellow 50%, green 100%); background: -moz-linear-gradient(left,red 0%, green 100%); background: -o-linear-gradient(left,red 0%, green 100%); background: linear-gradient(left,red 0%, green 100%); } </style> </head> <body> <div class="box"></div> </body> </html>