`
xgbjmxn
  • 浏览: 271310 次
  • 性别: Icon_minigender_1
  • 来自: 新乡
社区版块
存档分类
最新评论

使用CSS框架的四大优点四大不足

    博客分类:
  • web
阅读更多
    *
      使用CSS框架的四大优点四大不足
    * http://developer.51cto.com  2011-03-21 09:01  RockUX  RockUX  我要评论(0)

      CSS框架是一个软件,它为你的HTML开发提供了许多选项以供使用,可能使得你开发网站或web程序更快速更简单。CSS框架通过包括预定义代码库来达到这个目的。一个例子是基于网格的框架,它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块。

      但是使用CSS框架好不好呢?最终来说有时候有的东西节约你的时间的代价是引发了更多地问题,导致节约的时间没有意义了。好吧,就像我们生活中的任何东西一样,使用CSS框架既有优点也有缺点。

      CSS

      现在有很多CSS框架,可以做好不同的事情,所以你可以找到特定的一款以帮助你更快地完成你的web开发目标。可以参考以下资源:

      20个HTML 5和CSS3的免费网站模板与教程

      27 款经典的CSS框架 附下载

      15个国外最流行的CSS框架(附下载)

      但是你应该在你的web开发中使用这些CSS框架吗?以下是使用CSS框架的优点和缺点:

      使用CSS框架的优点

      1、加速你的开发

      CSS框架帮你做好了基础工作因此你可以更快地开始开发。它能过向你提供重复的和常用的任务代码——如reset——因此你不需要每次都从头开始写。如果你与团队或与其它开发者一起工作,你们都会有一样的共享CSS代码,所以团队效率也因此提高。

      2、可以使用跨浏览器功能

      记得为了让你的网站或web应用在所有浏览器下看起来一样而不断调整你的CSS代码的痛苦么?好吧,通过使用CSS框架你可以与这个烦恼告别了,它们帮你搞定这个问题。框架已经编写成跨浏览器兼容的了,所以你可以专注于自定义和创建内容而不是调整基础的样式。更好的是CSS框架还会消除浏览器特定的 bug。

      3、给你干净和对称的布局

      基于网格的CSS框架建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块。你不需要做更多的像素调整来确保排列整齐,或者担心边栏宽度对于widget或图片是不是标准规格的,也不需要为计算列的宽度而烦恼。

      4、强制使用好的网页设计习惯

      CSS框架强制使用好的习惯,如引入打印样式表。它还提供了一系列的选择器,你可以在所有使用框架开始的网站或web应用中使用,这使得你的网页设计具有一致性。你不需要猜测或记住你在这个网站是怎么写的而那个网站又是怎么写的——它们都是一致的。

      使用CSS框架的缺点

      1、限制你的自由

      既然CSS框架有标准的网格,选择器和其它代码,它就限制了你可以设计的东西:布局大小,网格宽度,按键类型,样式,以及其它任何东西。如果你真的希望利用CSS框架来节约时间的话你基本上就要接受同样的框架。否则,当你想要做一些不同的东西时,你还要花时间来更改代码或学习一个新的框架——这就好比你有一个项目使用了独特的或非常规的参数或者设计。

      2、添加额外代码

      CSS框架不可避免地有一些你不需要的代码。你不太可能使用一个框架中的每一个功能。因此你需要被迫接受一些额外的代码,这有可能有问题也有可能没问题,取决于你的网站和web应用所能承受的负担。如果每个字节都非常重要,你可能需要深入进去并去除CSS中不需要的代码。

      3、强迫你使用框架语法

      通过使用CSS框架,你被迫接受语法的变化,特别是框架使用非标准命名模式的情况。如果你对于CSS元素,选择器,元ID和类倾向于使用自己独特的系统,这可能会带来麻烦,因为CSS框架会强迫你使用它的系统。需要承认的是这对于大多数情况来说并不是什么大问题——它就像学习开一辆新车,即你快速适应——但是它是使用CSS框架的一个现实问题。这可能带来更大问题的另一个方面在于,如果你和其他开发和设计人员合作,它们可能以后会涉及你的代码,他们可能会不知道一些名字是什么意思,所以他们可能需要先熟悉框架的语法。

      4、你可能潜在的损失了时间

      如果你已经熟悉了某个特定的设计和开发方式而又被迫去使用你不熟悉的CSS框架,你可能会损失时间。这有可能是一个客户希望使用你不熟悉的框架,或者是合作者坚持使用某个框架,或者是其它什么情况。关键在于CSS框架是实实在在的,它就存在于那里,人们了解它们,并且有些人可能会希望使用你没关心过的框架或者你可以使用自己的方式更快地完成任务。它可能是一个小小的缺点,但是相比前面的缺点,它是只是有的时候是一个缺点。

      CSS框架优点和缺点

      最后,CSS框架好不好呢?当然,理由就好像自动变速的车好不好一样。意思是,大部分人都会使用自动变速的,因为它使得驾驶更简单和快捷。当你有一辆新车时,你很快就能熟悉它。但是还是有一小部分人希望或者需要使用手动变速——出于燃料效率,享受,比赛或者其它什么原因。

      大部分开发者都会得到CSS框架给Web开发和设计简化带来的好处。但是还有一小部分人坚持以他们自己的方式来完成任务,以获得更精准的控制和结果——就像手动驾驶适合漂移。

      那么你应不应该使用CSS框架呢?对于绝大多数设计者,应该,你应该考虑使用CSS框架(不确定的话也一样)。然而,它最终取决于你是“自动变速”还是“手动变速”的网页设计者。

      原文链接:http://rockux.com/

      【编辑推荐】
         1. 推荐23款超赞超实用的CSS3小工具
         2. 4款Windows下的免费HTML&CSS编辑器
         3. CSS模块化编码 让开发事半功倍
         4. 让你爱不释手的CSS在线设计工具
         5. 用CSS 3将你的设计水平带入下个高度
      【责任编辑:陈贻新 TEL:(010)68476606】

原文:使用CSS框架的四大优点四大不足
    标 签:  CSS框架

上一篇: 从Web技术看开源是否有利可图? 下一篇: 如何在JavaScript中处理大量数据
网友评论
查看所有评论(0)
通行证: 密码:   注册通行证
发表评论请注意语言文明
分享到:
评论

相关推荐

    前端+HTML+JS+CSS+四大天王+初学html者

    这些可能是HTML示例代码,用于展示HTML、CSS和JavaScript的结合使用,帮助初学者更好地理解和应用所学知识。 总之,前端开发是一个广泛且多面的领域,HTML、CSS和JavaScript是其核心。对于初学者而言,掌握这些基础...

    A15 大话西游之大圣娶亲电影4页面 ~学生网页设计作业源码(HTML+CSS+JS).zip

    为了使网页更具吸引力,他们可能使用了CSS的布局技术,如浮动(float)、定位(positioning)、Flexbox或Grid布局,以及响应式设计,确保网页在不同设备上都能良好展示。 3. JavaScript:JavaScript是一种动态编程...

    php+html+javascript+css教程

    【php+html+javascript+css教程】是一套全面的编程学习资源,涵盖了Web开发中的四大核心技术:PHP、HTML、CSS和JavaScript。这些技术是构建动态、交互式网站的基础,广泛应用于现代互联网应用的开发。 PHP...

    javascript css html dhtml手册合集

    《JavaScript CSS HTML DHTML 手册合集》是网页开发者不可或缺的参考资料,涵盖了网页开发的四大基础技术。这个合集包含四个主要部分:JavaScript、CSS、HTML和DHTML,为初学者提供了全面的学习资料,同时也方便了有...

    HTML、XHTML、CSS与JavaScript经典结合

    HTML、XHTML、CSS与JavaScript是构建现代Web应用的四大核心技术。首先,HTML和XHTML用于构建网页的结构,即确定网页内容的布局和各个元素的位置。HTML(HyperText Markup Language,超文本标记语言)是由W3C组织负责...

    JavaScript,CSS,DHTML,DOM帮助文档(四个文件)

    JavaScript、CSS、HTML和DOM是构建现代Web应用的四大核心技术,它们各司其职,共同构建了丰富多彩的网络世界。 JavaScript是一种轻量级的解释型编程语言,主要用于为网页增加交互性。它允许开发者在用户与网页交互...

    登陆界面模板200个(HTML5+CSS3+JavaScript+jquery)

    HTML5、CSS3、JavaScript 和 jQuery 是现代网页开发的四大核心技术,它们共同构建了丰富多彩的交互式用户界面。在这个特定的资源包中,包含了200个登录界面模板,这些模板充分利用了这四种技术的优势,提供了多样化...

    HTML+CSS+DIV+JS的参数说明和帮助以及编程技巧

    在网页开发领域,HTML、CSS、DIV和JS是构建动态、交互式网站的四大核心技术。以下是对这些技术的详细说明和编程技巧。 1. HTML(HyperText Markup Language): HTML是网页的基础,用于定义页面结构。它由一系列...

    struts+hibernate+css+mysql 网上书店

    【标题】"struts+hibernate+css+mysql 网上书店"是一个基于Java技术的Web应用程序,它利用了Struts、Hibernate、CSS和MySQL数据库这四大核心技术来实现一个完整的在线图书销售平台。 【Struts】Struts是Apache软件...

    基于django+html+css的在线购物商城

    使用Django+HTML+CSS开发一个在线购物商城系统,该在线购物商城分为四大部分:购物界面、购物车、订单界面以及后台。可以在后台实现商品的添加、修改与删除操作,在购物界面实时展示后台添加的商品,当加入购物车后...

    电子商城基本框架

    前端展示是用户直接接触的部分,主要负责商品展示、购物车、结算等功能,通常采用HTML、CSS和JavaScript等技术实现,配合React、Vue或Angular等前端框架,以提高用户体验。后端管理则涉及订单处理、库存管理、用户...

    HTML+CSS+Javascript+JQuery chm查阅手册(共10本)

    HTML、CSS、JavaScript和jQuery是Web开发中的四大基础技术,它们构成了现代网页和应用程序的基石。这个"HTML+CSS+Javascript+JQuery chm查阅手册(共10本)"集合提供了一套全面的参考资料,涵盖了这些技术的各个方面...

    中国四大菜系web源码

    【中国四大菜系Web源码】是一个以中国传统文化中的四大菜系——川菜、鲁菜、粤菜和苏菜为主题的Web应用项目。这个项目旨在通过网页形式展示这四大菜系的特色菜品、历史渊源以及烹饪技巧,为美食爱好者提供一个了解和...

    web课程设计使用html+css+javascript+jquery技术制作个人介绍6页

    - **DIV+CSS布局**:使用`<div>`标签结合CSS来实现网页的布局,这种布局方式更加灵活,可以轻松调整页面元素的位置和大小,提高页面的可维护性。 - **浮动布局**:通过设置CSS的`float`属性来实现元素的左浮或右浮,...

    DWZ框架整合Java三大框架(购物系统Shop)

    整合这四大框架通常涉及以下步骤: - 配置Spring的ApplicationContext,声明需要管理的bean; - 配置Hibernate的SessionFactory,建立与数据库的连接; - 集成Struts2,配置Action和Result,设置Struts2与Spring...

    基于Django框架的StockMing股票预测系统设计源码

    该项目是一款基于Django框架开发的StockMing股票预测系统源码,总计包含646个文件。其中,JavaScript文件占334个,CSS文件79个,SVG文件51个,地图文件44个,PNG图片文件29个,HTML文件21个,Python字节码文件20个,...

    web前端网页设计期末课程大作业:企业网页主题网站设计——舞蹈培训11页HTML+CSS+JavaScript

    - **前端开发**:前端开发主要关注网页的外观和交互性,通常涉及到的技术包括HTML、CSS、JavaScript以及它们的各种框架和库。 #### 二、项目特点与要求 - **页面结构**:项目要求页面分为页头、菜单导航栏、中间...

    html+css+js+jquery开发的3D粒子特效

    总结来说,"html+css+js+jquery开发的3D粒子特效"是一个集成了前端四大核心技术的项目。HTML提供页面结构,CSS负责样式和部分3D效果,JavaScript和jQuery处理动态交互和动画,而WebGL则助力实现3D渲染。这个项目展示...

    网上书店(struts+hibernate+css+mysql)130223.zip

    网上书店项目是一个典型的Java Web应用,它利用了Struts、Hibernate、CSS和MySQL这四大技术进行构建。这个项目的核心在于实现一个用户友好的在线购书平台,具备浏览书籍、搜索功能、购物车管理以及订单处理等功能。...

Global site tag (gtag.js) - Google Analytics