The Zen of CSS(翻译)(5)

建立基础

         在你深入CSS之前,你的web页面必须有一个明确的架构。在你阅读这本书之前,很可能你已经了解到架构与表现分离的思想。如果你还不是很熟悉这一思想的话,我可以告诉你,以CSS为基础的设计有一大好处就是这样做有助于首先保证你的页面架构具有足够的亲和力,然后,你在页面上添加的各种式样才能够使它锦上添花。

         Note

         只有对HTML达到一定程度的熟悉,我们才能够知道,在某一特定的情况下,需要使用什么样的元素。我们推荐的是Dan Cederholm的网页标准解决方案:The Markup and Style Handbook (Friends of ED, 2004)为我们提出了一些建议,使我们能够如解决现实世界中的架构问题般解决网页的架构。

         长久以来,如何制订一个web页面的架构也就意味着如何选择基本的HTML语言以及如何表现它。如果你想要让文字表现出交错的形式,你可能会使用<blockquote>标签,然而,使用<blockquote>有一个坏处就是破坏了文字原本的格式,使用<blockquote>事实上根本不是一种引用,而是利用了它的文字缩进的功能. 虽然达到了目的,但是这种方法并不可取. CSS则为页面上的文字提供了真正意义上的交错”.

         CSS之下,定义页面的架构的正确方法是在正确的地方,使用适当的元素来定义, 我们选择这些元素的方式的凭据, 应该是它们的真实含义, 而不是它们的表现形式.

         在使用CSS的实际设计中, 我们的目标是把所有的与格式或设计相关的代码存放在CSS文件中, HTML只成为辅助设计的途径. CSS在设计工作中, 担任了规范现有格式, 并在其上添加各种元素的功能, HTML的使命仅仅是提供了网页结构的定义.

         读者能够领会我们为何在这篇文章中对网页架构花费了如此大的精力? 或者说,能否领会本文中架构的意义?

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值