css框架有哪些

css框架有:1、Bootstrap;2、Foundation;3、Bulma;4、Ulkit;5、Semantic UI;6、BlueTrip;7、渴切-开源中文css框架;8、Blueprint。其中,Bootstrap框架被认为是较好的响应式 CSS 框架。

css框架有哪些-Worktile社区

1、Bootstrap

这个框架被认为是较好的响应式 CSS 框架。它专为前端开发而设计,有助于构建网页设计概念、移动优先项目、网格系统、排版、按钮等。Bootstrap 没有任何附加功能,但有可用的第三方插件,除了常规的 HTML 元素之外,Bootstrap 还具有其他常见的 UI 元素。它的核心原则是RWD和移动优先。Bootstrap 版本 3 支持各种浏览器,并且自 Bootstrap 2 以来,该框架已支持响应式网页设计。

Bootstrap非常受欢迎,它可能并不比其他框架好,然而,由于它的受欢迎程度非常高,大多数人都在使用它,并且正因为如此,有很多可用的资源(例如教程、额外的插件等)使使用 Bootstrap 变得更加容易。

2、Foundation

Foundation 是一个开源项目,也是 CSS 框架领域的另一个非常强大的参与者。它以令人难以置信的流畅性和响应性而闻名,可用于多种用途:构建网站、创建电子邮件模板、构建移动和 Web 应用程序。

该框架也非常用户友好,因为它提供培训、支持和咨询。它有一些独特的组件(Keystrokes、Joyride、Flex Video 等)和一些附加组件。它的核心原则,除了 RWD 和移动优先,还包括语义。Foundation以完美的工作流程和对开发人员的大力支持为自己争取了利益。这是一个非常专业的框架,并且有很多可用的教程。

3、Bulma

这个开源和免费的框架在节省时间和精力方面非常棒,并且由于学习和使用非常简单,它获得了相当多的欢迎。Bulma 易于理解且易于使用,同时它具有所有必要的功能,可帮助你创建出色且高效的产品。

首先,Bulma 包含出色的 UI 组件,例如选项卡、导航栏、框、面板等等,因为该框架旨在为你提供清晰而有吸引力的 UI。其次,Bulma 非常模块化,这意味着你可以只导入那些需要的功能,然后就可以开始工作了。最后,这个框架有非常可读的类,这对于一些开发者来说可能是一个巨大的优势。

4、Ulkit

该框架是轻量级和模块化的,用于创建快速但功能强大的 Web 界面。Ulkit 基本上是一个易于定制的组件的集合,它具有 HTML 编辑器、Flex 和其他附加组件和独特的组件。它的核心原则是RWD和移动优先,并且Ulkit被广泛用于很多WordPress主题。该框架为你提供了一种灵活的手动定制机制,并且可以根据你的要求提供真正的帮助。

5、Semantic UI

Semantic UI旨在使网站构建过程更具语义化,它的核心功能是利用自然语言原理,从而使代码更具可读性和易于理解。它的核心原则是标签矛盾、语义和响应性。该框架将单词和类视为可交换的组件,并以直观的 JS 和简单的调试方式脱颖而出。

Semantic UI 的另一个优点是它提供了组织良好的文档和一个包含入门指南的网站。简而言之,它有 3000 多个主题变量、50 多个 UI 组件和 5000 多个提交。绝对值得一试。对于那些想要创建漂亮且响应迅速的网站的人来说,这是一个不错的选择。

6、BlueTrip

BlueTrip 是一个集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印样式; 960gs的简洁;Elements 图标的一个css框架。为你提供一个好用的样式集合和一个制作网站的通用的方法。这样你就可以集中精力搞设计了。

7、渴切-开源中文css框架

渴切(Cutter.css)是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类。他很小,只有四个文件而已。总共不到6KB。

8、Blueprint

Blueprint是由于 HTML是一种标准,并且所描述的是结构而非样式,因此 Blueprint 框架是完全作为 CSS 实现的。

在设计网页时要以 Blueprint 为指导,然后再设计或生成 HTML,以便将 Blueprint CSS 样式应用于 HTML 元素。实际上,由于 Blueprint 提供了强大的 CSS,因此可以在 HTML中设计网页,而不必使用图像设计程序来模拟最终页面,比如说 photoshop。从一定意义上说,Blueprint 提供了真正的所见即所得的(WYSIWYG)网页设计,因为原型将使用与最终站点相同的代码。

此外,由于 Blueprint 的主要作用是模拟打印页的外观,因此使用 Blueprint 进行交互式的设计的感觉更像是在使用 QuarkXPress 或 AdobeInDesign。Blueprint 样式基于像素和一个 18 像素的基线网格。借助设计天赋和努力,可以创建具有专业外观的页面。

延伸阅读

css框架特征

  • 抽象出常用的css样式,高再可用性,高移植性
  • 有固有的定义,详细的文档及开发特点
  • 高兼容性,可以兼容流行的浏览器
  • 以css为主,但不一定全部是css,可能有一些js(或者其他)脚本用于兼容浏览器

文章标题:css框架有哪些,发布者:Z, ZLW,转载请注明出处:https://worktile.com/kb/p/34418

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Z, ZLWZ, ZLW认证作者
上一篇 2023年1月5日 上午4:03
下一篇 2023年1月5日 上午4:27

相关推荐

  • PCA和EOF有什么区别

    PCA和EOF的区别有:1、基本定义;2、应用背景;3、计算方法;4、数据表示;5、处理的数据特点;6、目标与主要用途。其中,基本定义指的是PCA通常被认为是一种统计方法,用于减少数据维度,而EOF则主要应用于气候学和大气科学中,用于揭示空间和时间模式。 1、基本定义 PCA(主成分分析):是一种统…

    2023年7月30日
    44900
  • mysql中隔离级别和锁有什么关系

    数据库事务的隔离级别有4个。由低到高依次为Read uncommitted、Read committed、Repeatable read、Serializable。这四个级别能够逐个解决脏读、不可反复读、幻读这几类问题。MySql设置的隔离级别默觉得Repeatable Read。可反复读级别。 一…

    2023年6月7日
    22400
  • linux安装软件命令

    linux安装软件的命令有:1、rpm命令;2、dpkg命令;3、yum命令。rpm命令指“rpm -ivh 包名”命令,在指定目录下执行该命令,可以将软件包下载到该目录下。dpkg命令是下载dep文件的命令,deb文件是linux发行版debian系统的安装包格式。 一、rpm命令 简介: rpm…

    2023年3月19日
    4.7K00
  • 如何进行A/B测试以改进产品功能

    本文旨在探讨通过A/B测试来改进产品功能的方法。A/B测试是一种通过对比不同版本的产品功能来衡量哪个版本能够更好地实现商业目标或用户满意度的实验方法。核心观点包括:1、定义测试目标;2、选择测试指标;3、创建测试版本;4、实施测试;5、数据收集与分析;6、做出决策。文章主体将围绕这些核心观点展开描述…

    2023年11月15日
    19400
  • 项目变更管理的关键操作

    项目变更管理是项目管理中一个至关重要的环节,它涉及对项目范围、目标、成本或时间表等方面的调整。关键操作包括变更识别、影响评估、变更批准、实施变更和变更记录与跟踪。在变更识别阶段,项目团队需识别和记录变更请求。影响评估则涉及评估变更对项目各方面的影响。变更批准要求项目管理者或相关利益相关者审查并批准变…

    2023年11月16日
    18800
  • UniApp中实现低延迟音视频通话的策略

    在UniApp中实现低延迟音视频通话的关键在于网络选择、编解码技术、传输协议、用户端优化以及服务端架构的优化。音视频同步技术优化是其中之一,通过减少时间戳偏差、利用缓冲区管理降低延迟,并确保音视频数据同步播放,可以显著提高通话体验。此外,加强网络状况监控和自适应码率调整也至关重要,能够依据当前的网络…

    2023年12月22日
    18400
  • 协同办公与oa区别

    区别有:一、定义不同;二、范围不同;三、功能不同;四、应用场景不同;五、优缺点不同。协同办公是多个人使用共同的工具和技术,通过互相协作来完成任务和项目的工作方式。OA是办公自动化的缩写,是通过计算机技术和信息管理来进行办公自动化处理。 一、定义不同 协同办公是指多个人使用共同的工具和技术,通过互相协…

    2023年5月23日
    52300
  • 实现DevOps自动化的关键技术有哪些

    在实现DevOps自动化过程中,一系列关键技术共同发挥作用以提升软件开发及运维的流程效率。首要之策是版本控制系统,它确保代码的持续集成和交付。其次是持续集成与持续部署(CI/CD)技术的应用,形成无缝的软件交付流程。测试自动化技术对于质量保证至关重要,它能够确保软件质量并减少手工测试的重复劳动。基础…

    2023年12月13日
    17800
  • python的method和function有什么区别

    区别是:function和method是两个不同的语境下的概念。function是从代码机制角度来说的,表示函数这个机制,它是与“语句”相对应的概念。而method是从面向对象机制角度来说的,它表示类或对象的一个方法(也称操作),它是与“属性”等相对应的概念。 function和method是两个不…

    2023年2月17日
    80300
  • oa系统 网站

    OA系统网站是企业管理的重要工具,提高组织运营效率。OA系统实现了信息化管理、1、工作流自动化、2、数据集中处理、3、沟通协作便捷化等功能。特别是在工作流自动化方面,系统通过设置各种业务流程,实现申请、审批等工作的规范化与快捷化,减少了人为错误,提升了办公效率。 一、OA系统网站概述 整合现代信息技…

    2024年1月17日
    9100

发表回复

登录后才能评论
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部