5． CSS样式表的作用及特点

什么是CSS CSS的定义

css的框架有哪些,有哪些特点

说实话，当我开始从事前端工作时，我对CSS框架的使用感到困惑。
当年我手写CSS写按钮和导航栏花了很长时间，各种兼容性问题更是麻烦。
然后，我接触了Bootstrap，感觉我突然经历了Ren和Du两个渠道。
成品组件直接使用，效率确实高很多。

以Bootstrap为例。
回想起来，移动优先的设计理念非常有趣。
我记得我花了一些功夫才制作了一个响应式事件页面。
以前我必须手动写一堆媒体查询，但现在我使用Bootstrap并放入一些网格系统，定制效果马上就出现了。
而它的组件库，包括导航栏、下拉菜单、表单元素，简直就是一个宝库，省去了我一个又一个设计的麻烦。
不过后来我发现，过多使用Bootstrap，有时项目的风格会趋于雷同，有点像穿现成的衣服。
虽然很合适，但可能缺乏一点个性。

基础不同，对我来说感觉更像是高级定制。
记得有一次，我在做一个电商网站，老板的要求非常高，UI必须非常灵活，不能像模板一样千篇一律。
当时我就在考虑使用Foundation。
它的网格系统支持列数的定制，Sass变量也可以深度定制，这确实给予了很大的自由度。
但说实话，它比 Bootstrap 更难上手。
虽然文档很详细，但是正确调整各个参数还是需要时间的。
我没有亲自跑过这方面的整个流程，但是根据同行的反馈，维护肯定更灵活，但也更复杂。

具体化 最引起我注意的是动画。
当时，我正在开发一个支持 Android 应用程序的网站，我想创建类似 Google MaterialDesign 的东西。
使用 Materialise 非常简单。
悬浮按钮、阴影效果和波纹交互可以直接使用现成的类来实现。
用户体验固然得到了提升，但有时感觉过于花哨，而且并不是所有项目都适合这种风格。

TailwindCSS现在非常流行，它的第一个实用概念已经完全颠覆了传统思维。
我有一个朋友从事 SaaS 产品，他使用 TailwindCSS 直接合并原子类。
所见即所得的感觉确实可以加快开发速度。
此外，按需装载功能可以显着减少包装量。
但学习曲线相当陡峭。
刚开始使用的时候，总觉得自己写的CSS有点分散，没有传统框架那样结构清晰。
它非常适合追求快速迭代和灵活设计的项目，但如果您喜欢编写结构化 CSS，则可能需要适应一段时间。

布尔玛认为我是理所当然的。
我开始了一个个人博客，想找到一个轻量级的框架。
Bulma 没有 JS 依赖项，CSS 核心仅超过 2 00KB。
它加载速度快并且风格简单。
它适合中小型项目。
不过它的组件库比Bootstrap小很多。
如果遇到复杂的需求，可能就得自己拼凑或者找人联系。
适合需求简单、追求速度的项目。

一般来说，选择框架取决于项目的需求。
确实推荐新手从Bootstrap或者Bulma开始。
文档很好，社区很大，而且很容易上手。
对于定制，Foundation 和 TailwindCSS 是不错的选择，但你必须耐心调整参数。
如果你想沉浸在MaterialDesign风格中，Materialize可以继续使用现成的规范来为你省心。
对于性能敏感的项目，轻量级框架肯定更适合。

说到底，框架只是工具，最重要的是用得流畅。
可能有点极端，但我认为理解框架底层逻辑比盲目堆砌组件更有价值。
不过，对于快速工作来说，框架确实是神器。
我记得从数据上看Bootstrap的市场占有率是第一，但是具体的我没有查过。
我建议你看看最新的报告。