引导者本文目录一览：
- 1、Css在react该如何写?
- 2、webpack怎么把各个模块的css打包成一个
- 3、css命名规范
- 4、怎么在页面里引入bootstrap的css和js文件
- 5、怎样做好CSS样式的管理呢
- 6、怎样设置div有3d的效果
Css在react该如何写?
ReactJs中css的使用方式是设置className(因为class已经成为了关键字)。test 另外 如果你采用require的方式，你可以直接在页面元素中使用css文件中的样式名。
第一：全局部分：比如base.css（用来通用的css，如：.clearfix、.mt.mt05之类的）。
在需要全局 CSS 的时候，你仍然可以通过为 React Component 设置 className 属性，来制定对应的 CSS Class。Inline style也有一些限制，只能通过 CSS 声明（className）来实现，例如声明伪类属性 (a：visited)。
在CSS文件中引入CSS文件需要用到 @import 。例如： @import sub.css使用用@import引入CSS可以很方便的引入外部文件的CSS代码，方便维护和规划。
webpack怎么把各个模块的css打包成一个
1、当 Webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
2、其实有两种方案：第一种是将 css 文件在 js entry 中添加依赖；第二种直接设置 css entry。
3、在项目目录下输入npm init初始化一个node项目，输入项目名称等信息，完成后生成一个package.json文件。
4、可以类似上述的方法安装 css-loader使你能够使用类似@import 和 url(…)的方法实现 require()的功能；style-loader将所有的计算后的样式加入页面中；二者组合在一起使你能够把样式表嵌入webpack打包后的JS文件中。
5、在项目根目录中新建一个webpack.config.js（基于node的，所以** **node.js的命令都可以识别）这样的话，就可以在终端中直接执行命令：webpack就可以直接打包了，但是还有个小问题。
css命名规范
大小写敏感只能包含[a-zA-Z0-9]、-，其中不能以、-、0-9开头在CSS的命名规范中，名称不能以数字开始，只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。
有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。连字符CSS选择器命名规范 长名称或词组可以使用中横线来为选择器命名。
通过统一的命名规范定义命名的范围，成为CSS class & id命名空间。布局： 以语义化的单词layout作为命名空间，例如主栏布局命名 layout-main，只改变layout-命名空间后面的命名，layout始终保留。布局的命名空间为layout-xxx。
css规范编码规范为utf-8。协作开发及分工：i会根据各个模块，同时根据页面相似程序，事先写**体框架文件，分配给前端人员实现内部结构&表现&行为。
我们就尽量缩写吧，提高用户体验为主。5连字符CSS选择器命名规范1）.长名称或词组可以使用中横线来为选择器命名。
Css的引入：Css的引入一般有两种，link和@import，一般建议使用link引入。这样可以避免考虑@import的语法规则和注意事项，避免产生资源文件下载顺序混乱和http请求过多的烦恼。
怎么在页面里引入bootstrap的css和js文件
第一种方去 用代理引用的方法，不用下载文件，直接在头部写引入代码。
在页面里引入bootstrap的css和js文件的方法是通过modules的loader加载的。
在官网下载bootstrap的 css 和 js文件，选择第一个下载，然后复制时面的 css 和 js文件到你的文件里。引用方法： Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架。
把bootstrap放到和项目一个文件夹里面，然后用link和script加入对应的样式js文件路径。就可以了。希望我的回答可以帮到你，有什么不懂可以追问。
如何引入bootstrap？Bootstrap官方文档推荐的实现响应式布局的引入方法。
怎样做好CSS样式的管理呢
其中base.css是一个基本cssmodule的样式cssmodule，也就是所有网页的共性样式cssmodule，这个样式与module.css配合基本上可以显示正常的页面。表单的划分cssmodule，也可以有利于对不同地方的表单的样式管理。
两种方法是殊途同归的(但是推荐使用第一种方法).使用style属性对标签加载样式示例使用css 此例使用了标签的style属性。外部样式表当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。
第一种：行内式样式插入CSS样式 在html文件中输入如上图所示的内容。这时候在使用浏览器打开，就实现插入CSS样式。如上图所示。第二种：嵌入式样式插入CSS样式 在html文件中输入如上图所示的内容。
现在一般用CSS预处理器，比如SCSS 或者 LESS 来进行管理。个人喜好使用SCSS，因为基本语法跟CSS一样，甚至CSS文件后缀名改成SCSS，就是一个SCSS文件了~！所以，我用SCSS来管理CSS文件。
css外部样式表怎么写？首先我们我们新建一个记事本，并将记事本的名字改为“引入外部css文件和外部js文件.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。
创建Assetbundle 无论是模型资源还是UI资源，最好是先把他们放在Prefab中，然后在做成Assetbundle。我们以模型来举例，Assetbundle中可以放一个模型、也可以放多个模型，它是非常灵活了那么最需要考虑的就是模型空间占用的问题。
怎样设置div有3d的效果
CSS3的技术，他在IE浏览器中是没有圆角效果的。不过效果还是不错。这是CSS渐进增强的一个重要考量因素，因为需要确保它在旧浏览器中的效果也不错。
触发方法1cssmodule：告知浏览器变形方式 -webkit-transform-style：preserve-3d；Tips：IE不支持三维变形，在移动端，绝大多数的浏览器均为WebKit内核，因此，在此句代码之前需要书写-webkit-的前缀内核。
在立方体的CSS样式中，首先要关注的是立方体的wrapper div。为cssmodule了制作3D效果，我们需要为它提供一个 CSS perspective。CSS perspective属性是一个比较复杂的CSS3属性。
/div 调整好两个div的位置，让div1的背景颜色比div2的深一点。这样看起来就有立体感了。并且div2要有border，要不然看不出效果的。所谓要三个DIV，就是前面那两个div放在另一个div里，这样比较好管理。
