`
jerry_chiang
  • 浏览: 28205 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

学习CSS的10大理由

阅读更多

  作为一个热门技术,CSS的发展的确有些缓慢。CSS最早被提议在1994年,最早被浏览器支持在1996年,CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们大惊小怪呢?

  Christopher Schmitt,他是CSS的倡导者之一。Christopher深信CSS将成为网页设计师必备知识之一。他认为我们所有人现在就应该学习和开始使用CSS有以下十大理由,不分排名先后:

  • 1.CSS将从基础开始建设直到全面替代传统web设计方法。W3C组织创建的CSS技术将替代HTML的表格、font标签、frames以及其它用于表现的HTML元素。
  • 2.提高页面浏览速度。使用CSS方法,比传统的web设计方法至少节约50%以上的文件尺寸。
  • 3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
  • 4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了,有了CSS,我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题,改变字体颜色,字体样式等等。
  • 5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS
  • 6.提高易用性。使用CSS可以结构化HTML,例如:

    标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

  • 7.可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。
  • 8.更好的控制页面布局。不用多说。
  • 9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
  • 10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
分享到:
评论

相关推荐

    web开发中的学习css的十大理由.docx

    以下就是学习CSS的十大理由: 1. **替代传统设计方式**:CSS的设计理念是取代HTML中的表现元素,如表格、font标签和frames,以实现更纯粹的结构与表现分离,让网页设计更加灵活和高效。 2. **提升页面加载速度**:...

    网页制作之学习CSS的理由

    学习CSS是网页制作过程中的重要一环,这是因为CSS(层叠样式表)为网页设计带来了诸多优势和变革。以下是对CSS学习重要性的详细解析: 首先,CSS是网页设计的基石,它逐步取代了HTML中用于表现的元素,如表格、font...

    网上书店 _JSP +MySQL +CSS

    总结,这个"网上书店_JSP+MySQL+CSS"项目提供了一个基础的在线购书平台,利用了Java Web开发的核心技术,为学习者提供了实践和理解Web应用程序开发的良好实例。通过分析和理解这个项目,开发者可以提升自己在JSP编程...

    DIVCSS布局大全

    ### DIVCSS布局大全知识点概述 ...通过以上知识点的学习,我们可以了解到DIV+CSS布局不仅能够帮助我们构建出更加美观、灵活的网页结构,还能够提升用户体验,使网站具备更好的跨平台兼容性和可访问性。

    丰富的DIV+CSS商业模板

    【描述】:“收集的N套DIV+CSS商业模板,我是积分不够才无奈上传的,不管什么理由出于发布资源,我想你都能从里面学到很多,物超所值。” 这些模板不仅适用于快速构建商业网站,而且对于学习`DIV+CSS`布局技巧也...

    Web设计者和开发者学习网络营销的三大理由.docx

    总的来说,Web设计者和开发者学习网络营销能够帮助他们更深入地理解业务需求,建立强大的个人品牌,扩大服务范围,从而在竞争激烈的市场中取得更大的成功。这不仅是技术层面的提升,更是商业智慧的体现,有助于他们...

    初学Web标准的几个误区,css,web

    - **核心要点**:学习Web标准可能会遇到挑战,但这不应成为放弃的理由。 - **详细解析**:面对新的技术和概念,难免会感到困惑或遇到难题。然而,这正是成长和学习的一部分。Web标准的学习不仅仅是为了跟上技术发展...

    动态Web技术ASP.NET课程设计,html5,css3,jQuery

    在这个香奈儿品牌网站项目中,报告会详细阐述如何利用ASP.NET、HTML5、CSS3和jQuery进行开发,包括技术选型的理由、各个模块的设计思路、遇到的问题及解决方案等,为学习者提供一个完整的项目开发经验参考。...

    bootstrap-css-interview-questions:100多个Bootstrap-CSS面试问题

    易于学习:如果您知道CSS和HTML浏览器支持,则可以很容易地在引导程序中编写应用程序:它支持所有流行的浏览器,例如Firefox,Opera,Safari,IE等。 问:Bootstrap的关键组件是什么? Bootstrap的关键组件是 CSS...

    基于云计算高校外语学习平台的构建与应用.pdf

    基于云计算的高校外语学习平台构建与应用,是一项将先进的信息技术与传统教育相结合的课题。...随着云计算技术的不断发展和完善,我们有理由相信,基于云计算的高校外语学习平台将更加成熟,为外语教学注入新的活力。

    计算机语言学习网址sdfsdfsdf

    - **适用人群**:适合希望学习HTML、CSS、JavaScript等Web开发技术的初学者。 - **推荐理由**:W3School是一个非常受欢迎的Web开发学习平台,以其清晰易懂的教学风格受到广泛好评。 ### PHP数据库连接示例 在提供的...

    web开发人员学习jQuery的6大理由及jQuery的优势介绍

    下面就来看看jQuery为何对公司有如此大的影响吧。 1.jQuery简化了工作 学习jQuery非常容易——毕竟这个函数库由更简短、更简洁的代码创建。jQuery具有语句简洁、编码标准开放的特点,这些特点帮助开发者缩短了配置...

    ARA0062:完成最后一项训练的理由是纪律DESENV。 WEB EM HTML5,CSS,JAVASCRIPT E PHP UniversidadeEstáciodeSá

    标题 "ARA0062:完成最后一项训练的理由是纪律DESENV。 WEB EM HTML5,CSS,JAVASCRIPT E PHP UniversidadeEstáciodeSá" 暗示了这是一项关于Web开发的训练课程,重点在于HTML5、CSS、JavaScript和PHP这四门关键...

    前端技术之Less教程.zip

    2. "值得参考的 10 个 LESS CSS 实例 - 开源中国社区.url" 这是一个链接,指向开源中国社区中关于Less的10个实用示例,对于初学者来说,通过实际案例学习会非常有帮助。 3. "教程" 这可能是整个教程的目录或索引,...

    Sams Teach Yourself Bootstrap - in 24 Hours - Jennifer Kyrnin

    - **为何选择Bootstrap**:Bootstrap提供了一套预定义的CSS样式和JavaScript插件,极大地简化了网页布局和交互设计的工作。此外,它支持响应式设计,使得网站在不同设备上都能获得良好的显示效果。 #### 二、安装与...

    python毕业设计之基于机器学习的文本情感系统源码.zip

    此外,"说明文档" 可能包含了项目的详细背景介绍、技术选型理由、实现功能的概述、使用方法以及可能遇到的问题和解决方案。对于初学者来说,这是一份宝贵的资源,有助于理解整个系统的运作流程。 机器学习部分,...

Global site tag (gtag.js) - Google Analytics