css架构是我们在进行网页开发的时候需要使用的重要编程代码之一，而今天我们就一起来了解一下，一个好的css架构都应该具有哪些特点，下面就开始今天的主要内容吧。
我认为好的CSS架构的目标应该与所有好的软件开发的目标没有太大的区别。
我希望我的CSS是可预测的、可重用的、可维护的和可扩展的。
可被预测可预测的CSS意思是您的规则能按照您预想的方式运行。
当您添加或更新一个规则时，它不应该影响您的站点中您不想影响的部分。
在很少改变的小站点上，这并不重要，但在有数十或数百个页面的大站点上，可预测的CSS是必须的。
可复用CSS规则应该足够抽象和可被解耦的，您不必对已经解决的模式和问题进行重新编码，可以依靠现有的部分快速构建新的组件。
可维护当您的站点需要添加、更新或重新安排新的组件和特性时，这样做不需要重构现有的CSS。
向页面中添加某组件甲不应该破坏某组件乙。
可扩展随着站点的规模和复杂性的增长，通常需要更多的开发人员来维护。
可扩展的CSS意味着它可以由一个人或一个大型工程团队轻松管理。
这也意味着您的站点的CSS架构不需要大量的学习曲线就可以轻松学习掌握。
不能因为您是目前维护CSS的开发人员，就不考虑以后的变化。
常见的糟糕实践在我们寻找如何实现好的CSS体系结构目标的方法之前，我认为看看妨碍我们实现目标的常见实践是有帮助的。
只有通过了解那些不断重复的错误，我们才能开始接受另一种路径。
虽然在技术上是有效的，但它们的结果都导致了灾难和头痛。
尽管我的本意是好的，而且希望每次的开发会有所不同，但这些模式持续让我陷入困境。
根据组件的父类修改组件几乎在Web上的每个站点中都有一个特定的视觉元素，它与每个事件看起来完全相同，只有一个例外。
陕西北大青鸟http://www.kmbdqn.cn/认为当遇到这种一次性的情况时，几乎每一个新的CSS开发人员(甚至是经验丰富的开发人员)都以同样的方式处理它。
您要为这个特定的事件找出某个的父元素(或者创建一个)，然后编写一个新规则来处理它。
常用的UI框架有哪些?推荐6种常用的UI框架。
接下来安徽电脑培训http://www.kmbdqn.cn/为大家分享一下UI专业设计师在日常工作中常用的几种框架，希望能够帮到你！Bootstrap说到流行的UI框架，那么Bootstrap是一定会出现在榜单上的。
它是由twitter推出的Web前端UI框架，它由Twitter的设计师MarkOtto和JacobThornton合作开发。
Bootstrap通过它优秀的栅栏系统，很好的实现了响应式布局。
Bootstrap还提供了时尚的排版样式，表单，buttons，表格，轮播等等。
Bootstrap提供了优雅的HTML和CSS规范，它是由动态CSS语言Less写成。
Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。
国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
jQueryUIjQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。
无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器，jQueryUI都是一个完美的选择。
jQueryUI包含了许多维持状态的小部件(Widget)，因此，它与典型的jQuery插件使用模式略有不同。
所有的jQueryUI小部件(Widget)使用相同的模式，这样就大大的降低了学习成本。
jQueryUI继承jQuery简易使用特性，提供高度抽象接口，短期改善网站易用性。
同时，jQueryUI采用MIT&GPL双协议授权，轻松满足自由产品至企业产品各种授权需求。
jQueryUI另一大有点是兼容各主流桌面浏览器。
包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。
而且，jQueryUI有完全汉化的版本，开发包内置包含中文在内的40多种语言包。
PureCSSPure也是一款很出色的CSS框架，Pure是来自雅虎的。
尽管从UI界面效果上来说，Pure没有Bootstrap那样精美，但Pure是纯CSS实现的，因此非常小巧，整个框架压缩后只有5.7k左右。
最大的特点就是框架基于纯CSS，无任何JavaScript代码，渲染速度比较快。
由Yahoo出品，技术上应该不存在太大问题。
组件也很丰富，包括表格、表单、按钮、表、导航等。
CSS类的标识十分简单，因此在使用Pure的过程中代码会比较友好。
SemanticUISemanticUI最大的优点就在它的名字里--语义化。
Semantic-UI比Bootstrap更语义化，使用了更容易理解的标签名称：导航的是nav，主要内容的是main，class名也很明确。
而且SemanticUI的modules预制了很多美观的动画，同时也非常简单好用。
比如视图(Views)中的评论(Comment)和动态信息(Feed)。
java三大框架是：1、Struts为了解决这些问题，出现了Struts框架，它是一个完美的MVC实现，它有一个中央控制类（一个Servlet），针对不同的业务，我们需要一个Action类负责页面跳转和后台逻辑运算，一个或几个JSP页面负责数据的输入和输出显示，还有一个Form类负责传递Action和JSP中间的数据。JSP中可以使用Struts框架提供的一组标签，就像使用HTML标签一样简单，但是可以完成非常复杂的逻辑。从此JSP页面中不需要出现一行包围的Java代码了。可是所有的运算逻辑都放在Struts的Action里将使得Action类复用度低和逻辑混乱，所以通常人们会把整个Web应用程序分为三层，Struts负责显示层，它调用业务层完成运算逻辑，业务层再调用持久层完成数据库的读写。使用JDBC连接来读写数据库，我们最常见的就是打开数据库连接、使用复杂的SQL语句进行读写、关闭连接，获得的数据又需要转换或封装后往外传，这是一个非常烦琐的过程。2、Hibernate这时出现了Hibernate框架，它需要你创建一系列的持久化类，每个类的属性都可以简单的看做和一张数据库表的属性一一对应，当然也可以实现关系数据库的各种表件关联的对应。当我们需要相关操作是，不用再关注数据库表。我们不用再去一行行的查询数据库，只需要持久化类就可以完成增删改查的功能。使我们的软件开发真正面向对象，而不是面向混乱的代码。我的感受是，使用Hibernate比JDBC方式减少了80％的编程量。现在我们有三个层了，可是每层之间的调用是怎样的呢？比如显示层的Struts需要调用一个业务类，就需要new一个业务类出来，然后使用；业务层需要调用持久层的类，也需要new一个持久层类出来用。通过这种new的方式互相调用就是软件开发中最糟糕设计的体现。简单的说，就是调用者依赖被调用者，它们之间形成了强耦合，如果我想在其他地方复用某个类，则这个类依赖的其他类也需要包含。程序就变得很混乱，每个类互相依赖互相调用，复用度极低。如果一个类做了修改，则依赖它的很多类都会受到牵连。 为此，出现Spring框架。3、SpringSpring的作用就是完全解耦类之间的依赖关系，一个类如果要依赖什么，那就是一个接口。至于如何实现这个接口，这都不重要了。只要拿到一个实现了这个接口的类，就可以轻松的通过xml配置文件把实现类注射到调用接口的那个类里。所有类之间的这种依赖关系就完全通过配置文件的方式替代了。所以Spring框架最核心的就是所谓的依赖注射和控制反转。现在的结构是，Struts负责显示层，Hibernate负责持久层，Spring负责中间的业务层，这个结构是目前国内最流行的Java Web应用程序架构了。另外，由于Spring使用的依赖注射以及AOP（面向方面编程），所以它的这种内部模式非常优秀，以至于Spring自己也实现了一个使用依赖注射的MVC框架，叫做Spring MVC，同时为了很好的处理事物，Spring集成了Hibernate，使事物管理从Hibernate的持久层提升到了业务层，使用更加方便和强大。Struts框架是2000年就开始起步了，技术相当成熟，目前全球Java开发中Struts框架是显示层技术中当之无愧的王者。它拥有大量的用户群和很好的开发团队。这也是国内大部分Java软件公司对新进员工的基本要求。
