常用css3样式的前缀，css样式名称前的·表示什么

如何处理CSS3属性前缀

1、为了解决手工书写前缀的问题，最早的一个解决方案是由 Lea Verou 提供的一个 -prefix-free脚本。你只需要在你的 .html 文件中插入一个 prefixfree.js 文件（可以是文档任何地方），建议把这个脚本文件放在样式表之后。

2、“moz”。解决Firefox浏览器的CSS属性兼容性问题，可以添加以下前缀：moz前缀用于Firefox浏览器及mozborderradius，现代浏览器大多数已经不需要添加前缀来兼容常用的CSS属性，只有在需要兼容老版本的浏览器时才需要添加前缀。

3、可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。

4、比如说，火狐即支持border-radius： 10px；又支持-moz-border-radius： 10px；属性，后面的overwrite前面的也没有问题啊。但是，事实上，事情不是我们想的那么简单的。

5、[class~=flower] 选择 title 属性包含单词 flower 的所有元素。 [class|=box] 选择 lang 属性值以 box 开头的所有元素。 ：focus 选择获得焦点的 input 元素。

6、有些属性的值其实跟其它属性的值是紧密相关的，CSS 语法无法表达这层关系；而在预处理语言中，我们可以用变量和表达式来呈现这种关系。

相关问答

Q1: CSS3的属性为什么要带前缀?

这位网友你好，因为css3很多属性还没有确定下来，标准规范还没有发布，许多浏览器支持的程度也不同，而且每个浏览器厂商同一个样式支持的写法也不同，所以要加前缀来达到各个浏览器兼容，将来统一了规范就不用写前缀了。

在CSS3刚出来的时候，很多浏览器都不支持，只有他们自己的私有写法，都带上自己的前缀。像webkit的加上-webkit-前缀，火狐的加上-moz-前缀，IE加上-ms-前缀，Opera加上-o-前缀。

linear-gradient这个CSS3的线性渐变属性，目前浏览器还没统一，需要加前缀。

可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。

最开始的时候 CSS3产生的一个新属性 是一个浏览器的私有的，然后W3C 可能会拿来采用做个标准，再没公布标准之前 你就只能用私有属性（加前缀）来表达各自厂商的实现，主要是CSS3刚出现那会儿。

因为私有属性都是带有试验性质的，效果有可能跟最终的结果不太相同，而一旦支持标准属性，则表明这个属性的用法已经成熟了，已完全符合标准了。所以当浏览器既支持私有属性又支持标准属性时都是建议采用标准属性的。

Q2: 解决firefox浏览器的css属性兼容性问题可添加什么前缀

“moz”。解决Firefox浏览器的CSS属性兼容性问题，可以添加以下前缀：moz前缀用于Firefox浏览器及mozborderradius，现代浏览器大多数已经不需要添加前缀来兼容常用的CSS属性，只有在需要兼容老版本的浏览器时才需要添加前缀。

可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。

CSS兼容性问题 CSS是用于网站布局和样式的重要组成部分。但是，不同的浏览器对CSS的实现方式有所不同。这可能导致网站在某些浏览器中出现样式问题。解决方法：-使用CSS前缀：某些CSS属性需要使用浏览器前缀才能正常工作。

transform：rotate(-3deg)； /*为nothing*/ 去掉CSS3前缀 什么时候我们可以去掉一个属性的CSS3前缀呢？答案还在下面↓ 当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。

-moz-， -webkit-， -o-这些都是浏览器前缀。

Q3: CSS3新增了哪些属性

1、CSS3新增的属性有下面一些：CSS3边框。CSS3背景 CSS3文字效果 CSS3 2D转换、过动画等。上面是css3增加的主要属性。

2、css3可以说是css2的进阶，因为css3是在css2的基础上增加了一些新的属性，如：border-radius、transform等。

3、关于CSS3的新增属性，下列哪个说法是正确的？A.新增了多重背景属性。B.支持圆角DIV。C.提供了动画、变形、多列等特性。D.以上都正确。正确答案：以上都正确。

Q4: 关于css透明的兼容火狐ie等主流浏览器的问题。为什么前缀-moz-?

当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。

“moz”。解决Firefox浏览器的CSS属性兼容性问题，可以添加以下前缀：moz前缀用于Firefox浏览器及mozborderradius，现代浏览器大多数已经不需要添加前缀来兼容常用的CSS属性，只有在需要兼容老版本的浏览器时才需要添加前缀。

兼容IE，firefox，chrome，Safari，Opera等主流浏览器的半透明代码：.o {filter：alpha(opacity=50)；opacity：0.5；-moz-opacity：0.5；width：100%；} 您可以在火狐社区了解更多内容。

可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。

代表是各浏览器内核的兼容写法。有时候有些css样式需要考虑不同内核浏览器的兼容性和显示效果，会在样式前面加个前缀。

关于常用css3样式的前缀和css样式名称前的·表示什么的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。