CSS的四种引入方式分别是：行内样式、内嵌样式、链接样式和导入样式。行内样式最直接最简单的一种，直接对HTML标签使用style=，例如：缺点：HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。
我们提供的服务有：成都网站建设、做网站、微信公众号开发、网站优化、网站认证、苍溪ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的苍溪网站制作公司
CSS中可以通过三种方法引入样式表：（1）内联样式（2） 嵌入式样式（3） 外部样式这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍内联样式特点：（1）内联样式放在代码中的HTML元素中。
行内样式 行内样式只能影响它所在的标签，而且总会覆盖嵌入样式和链接样式。By adding inline CSS styling to the 嵌入样式 嵌入样式的应用范围仅限于当前页面。
一般来说只有3种：最常用的，引入样式表，在样式表中编写样式，引入方式如下：在Html头部用包起来，在这里面编写样式：*{padding：0；margin：0}在标签里面直接编写行内样式。
比如说 Compass ，里面就是使用Sass的mixin为CSS3需要带前缀的属性定制了一些mixin。还有类似于Stylus中的 nib 等。
-webkie-是谷歌和苹果浏览器的前缀，-ms-是ie的前缀，和火狐、欧朋没有关系啊，它们内核不一样。
可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。
-moz-， -webkit-， -o-这些都是浏览器前缀。
-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome私有属性 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。
使用sublimeText编辑器 安装插件 Autoprefixer 之后就可以解决前缀这些问题了。
兼容IE，firefox，chrome，Safari，Opera等主流浏览器的半透明代码：.o {filter：alpha(opacity=50)；opacity：0.5；-moz-opacity：0.5；width：100%；} 您可以在火狐社区了解更多内容。
代表是各浏览器内核的兼容写法。有时候有些css样式需要考虑不同内核浏览器的兼容性和显示效果，会在样式前面加个前缀。
-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome私有属性 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。
1、D方法： 3Dtransform方法 浏览器支持： 2D： IE10，Firefox，Opera支持，Chrome和Safari需要前缀-webkit-，IE9需要前缀-ms. 3D： IE10，Firefox，Chrome和Safari需要前缀-webkit-，Opera不支持。
2、-webkie-是谷歌和苹果浏览器的前缀，-ms-是ie的前缀，和火狐、欧朋没有关系啊，它们内核不一样。
3、body是所有元素的祖先，如果我们指定body{color：red；}，那么文档中的所有元素都继承这一样式。
4、但是，由于很多后端程序员对前端的很多东西不了解，导致在做WEB项目时出现了一些问题。
5、transform：rotate(30deg)；在网页上正常，在微信里面就没用了，为什么？？ 回复讨论(解决方案)transform是属于CSS3的属性，各个浏览器支持不一样，需要各种前缀，你是否加上了？ 加上前缀就没问题了。。
1、css是可以支持变量，且所有主流浏览器都支持。
2、，在css样式表中书写时，id选择符前面应该加前缀符号‘#’，而class选择符前面应该加前缀符号‘.’。2，id属性一般在一个页面中只可以使用一次，而class可以被多次引用。
3、我的理解是，浏览器厂商以前就一直在实施CSS3，但它还未成为真正的标准。为此，当一些CSS3样式语法还存在波动时，它们提供针对浏览器的前缀。
就目前来看 关于前缀的写法 大部分人的做法是：只留下webkit内核前缀，其余不写。从我个人角度的做法是：以上提供的四种尽量全写，保证代码质量。
为了解决手工书写前缀的问题，最早的一个解决方案是由 Lea Verou 提供的一个 -prefix-free脚本。你只需要在你的 .html 文件中插入一个 prefixfree.js 文件（可以是文档任何地方），建议把这个脚本文件放在样式表之后。
可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。
[class~=flower] 选择 title 属性包含单词 flower 的所有元素。 [class|=box] 选择 lang 属性值以 box 开头的所有元素。 ：focus 选择获得焦点的 input 元素。