如果对元素本身或者元素设置了perspective值，那么rotate3d()函数可以实现一个3维空间内的旋转。
关联属性：transform-origin。
取值
rotate(<angle>);<angle>为一个角度值，单位deg，可以为正数或者负数，正数是顺时针旋转，负数是逆时针旋转。
rotateX(angele),相当于rotate3d(1,0,0,angle)指定在3维空间内的X轴旋转
rotateY(angele),相当于rotate3d(0,1,0,angle)指定在3维空间内的Y轴旋转
rotateZ(angele),相当于rotate3d(0,0,1,angle)指定在3维空间内的Z轴旋转
语法
t
ransform:rotate(<angle>);
CSS
.rotate_clockwise{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
position:absolute;
left:10px;
top:80px;
}
.rotate_anticlockwise{
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
position:absolute;
left:200px;
top:80px;
}
.rotateX{
-webkit-transform:perspective(800px) rotateX(60deg);
-moz-transform:perspective(800px) rotateX(60deg);
position:absolute;
left:400px;
top:80px;
}
.rotateY{
-webkit-transform:perspective(800px) rotateY(60deg);
-moz-transform:perspective(800px) rotateY(60deg);
position:absolute;
left:600px;
top:80px;
}
.rotateZ{
-webkit-transform:perspective(800px) rotateZ(60deg);
-moz-transform:perspective(800px) rotateZ(60deg);
position:absolute;
left:800px;
top:80px;
}
HTML
<divclass="demo_box rotate_clockwise">顺时针旋转45度</div>
<divclass="demo_box rotate_anticlockwise">逆时针旋转45度</div>
<divclass="demo_box rotateX">3维空间内X轴旋转60度</div>
<divclass="demo_box rotateY">3维空间内Y轴旋转60度</div>
<divclass="demo_box rotateZ">3维空间内Z轴旋转60度</div>
html中style的内容能不能变成css里的？
能够实现存放到css里，然后通过link使用外部链接引入样式表。
原因是因为css文件是对html元素的渲染，同样的style标签包含的内容也是对html元素的渲染。
这样做的好处是可以将css代码和html分离出来，减轻html页面的复杂度，使得各司其职，各尽其用，使得代码更加简洁和方便。
但二者也有权重的不同，style是内联样式，css文件是外联样式，内联样式的等级要比外联样式更高。
postcss和cssmodule是什么？
postcss是什么？
根据官网的解释，它是一种javascript编写的工具，用来转化css的。可以认为它是处理css的插件集合，需要配合诸如webpack、gulp等编译工具才能展现它强大的能力。
目前社区提供了非常多的插件，比较有名的如下：
autoprefixer 可以为css的属性配置兼容性的前缀，不需要手动添加postcss-preset-env 允许你使用更加现代的css特性stylelint 检查css语法错误cssnano css的压缩器等等postcss的原理如果大家了解babel的原理，那就应该听说过AST即抽象语法树。编译器将字符串进行词法分析、语法分析，再做转换，最终达到预期的结果。postcss也是同样的原理，这个包已经为使用者提供了解析的方法parse，并且也提供了很多转化的API，利用这些就可以自己开发一款postcss插件了。
css Module是什么？先前呢，大家使用css选择器，它是对整个页面是有效的，也就是全局的，当你每次迭代需求的时候，需要考虑每次添加新的css是否会影响到其他地方，所以大家有时选择为样式表添加命名空间。css Module为大家提供了另外一种开发方式，它可以使css具有局部作用域。
用法如下：
用法是如此的简单，基本一看就会，css-loader为大家提供了css Module的开关，只要为css-loader添加参数选项modules就可以开启。注意：它必须放在less或者sass的loader之前。
那它如何做到局部作用域的呢？
打开element面板可以发现，它把class变成了md5戳，对应每个组件，保持唯一。
vue的scoped由此大家联想到vue的scoped，它也解决了css局部作用域的问题！
它在dom上生成了一个data属性，并且给class选择器添加了属性选择器，类似于之前的md5戳。不过由于添加了属性选择器，使得选择器的优先级变高了，想在组件外面覆盖css属性就变得不那么容易了！
喜欢偶的回答就关注偶吧，有问题可以发表评论，大家一起学习，共同成长！
html表头不能居中怎么办？
首先，打开html编辑器，新建html文件，例如：index.html。
在index.html中的<style>标签中，输入css代码：body {text-align: center;} table {margin: auto;}。
浏览器运行index.html页面，此时成功用css让表格居中了。
说明：
css代码body {text-align: center;} table {margin: auto;}是两个元素选择器，分别为body和table两个元素设置css样式。
在 W3C 标准中，元素选择器又称为类型选择器（type selector）。
“类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中该元素类型的每一个实例。”