如何设计css模块化
1、如前面所说的，你需要有webpack或者Browserify来实现CSS模块化。先从webpack版本的模块化开始。在 webpack.config.js 中，加上如下配置，使得webpack将CSS文件作为CSS模块来看待：这时，它将把样式注入到页面中的``元素中。
2、可以参考网上现在流行的前端框架，里面的css模块化做的很好。比如：bs、seui、等等，目前流行的就是bs了，可以下载看一下，写的很严谨，方法很棒。
3、为残障认识设计的浏览设备，比如听力浏览器，对CSS规范性要求极其严格。让站点更新和维护更加轻松使用方式得当的话，CSS可让你在一个页面中的调整快速应用到所有页面中去。你首先要做的选择是使用哪一种样式表。
4、引言各位前端或者伪前端（比如作者本人）的同志们，css对你们来说不是很陌生。比如我，在几年之前上大学的时候，给外面做网站就用css，而且必须用css。
如何搭建系统CSS架构
1、一个网站页面或多或少，但很多页面样式基本一致，这时我们需要把css代码写在一个文件里，可以省去不少的代码，也缩小的css文件的内存大小。保证了网站的打开速度。
2、B/S 对安全以及访问速度的多重的考虑， 建立在需要更加优化的基础之上。 比C/S有更高的要求 B/S结构的程序架构是发展的趋势， 从MS的。Net系列的BizTalk 2000 Exchange 2000等， 全面支持网络的构件搭建的系统。
3、(3)、C/S架构的劣势是高昂的维护成本且投资大。
4、BEM(块元素修饰符)BEM是一个名为命名约定的CSS。它不涉及如何编写CSS的结构。在进行电脑培训的过程中，电脑培训建议仅为每个元素添加具有以下内容的CSS类名称。
5、CSS styles面板通过前面几章的学习，相信大家对CSS有了一定的了解，这一章我们来讲解如何利用Dreamweaver4来创建CSS。
6、javascript http的工作原理 以上是基本功，但是随着web技术的不断发展，各种css，js框架不断涌出，甚至出现了向node这样的前后端通吃的框架，这就意味着前端和后端的界限已经模糊了，前端也需要学习后端的一些知识。
理解CSS模块化
CSS统一的名空间使得它既强大又脆弱。而CSS模块化或者未来延续这个思想的其他工具可以在支持样式复用的同时，避免命名冲突，这是一个双赢的选择。如前面所说的，你需要有webpack或者Browserify来实现CSS模块化。
JS 的模块化已经非常成熟，如果能让 JS 来管理 CSS 依赖是很好的解决办法。Webpack 的 css-loader 提供了这种能力。
代码复用和模块化： 使用模板的主要目的之一是促进代码的复用和模块化。通过将样式规则定义在模板文件中，可以在多个页面或组件中重复使用这些模板，避免了重复编写相同的样式代码。
模块化 —— 设计系统在每一个方面都是模块，这是非常实用写CSS的方法。这在组件之间需要清晰分隔。 可读性是关键 ——开发者必须在第一眼理解CSS代码，并且理解每一个选择器的目的。
在学习css之前你应该掌握哪些基础知识 什么是网页，什么是超文本语言(html)。 会使用Dreamweaver等常用的网页编辑器。
前端如何提升开发效率
做事时要专注。在我们专注做事时，要减少外界的干扰，比如带上耳机，将手机开静音。如果此时有人来打扰，稍后来处理他的事情；如果事情比较紧急，则记录下当前的状态，方便切换回来的时候，能迅速进入状态。
在团队内部，最具有效果并富有效率的沟通方式，就是面对面交谈。QQ或者MSN，没有任何的语气语调，无法更直接的表述业务的着重点在哪里。容易产生误会。开发过程中，要避免晦涩的文档及专业术语。
EnjoyCSS 能够通过图形化的界面帮助你在线生成 CSS3 代码，可谓前端开发者的一大利器。
elementui开发效率很低可以使用wtiform来提高开发率。根据查询相关公开信息显示，wtiform可以极大的提高开发效率，最低提升效率为百分之200，最高提升效率为百分之1000。