第1章 设计模式:轻松搞定CSS!
1.1 设计模式——精心组织的解决方案
设计模式已经在软件开发领域取得了巨大的成功。它们大大提升了网页设计和开发中的生产力、创新力和效率,与此同时还大大减少了代码量和复杂性。在CSS和HTML中,设计模式可以看作是一系列常用功能的组合,它便网站可运行于不同的浏览器和读屏器上,却无需牺牲设计值、可访问性或者依靠其他旁门左道的技术。不过至今为止,设计模式还没有很系统地应用于HTML和Hcss网页设计与开发中。
设计模式是所有创造性活动的基础。当我们交谈、写作和创造时,都要依照某种模式来思考。设计模式就好比是文档的模板,我们可以向其中添加自己的内容。在文学作品中,它们就像是原型角色和情节。在音乐中,它们就好比主题和变奏。在编程中,它们就相当于可复用的算法,可以系统地改变这些算法,并互相结合以求达到理想的效果。
一旦发现了���种设计模式,就会大幅度地提高创新力和生产力。它可以独立使用,并可迅速得到成品;也可与其他的模式相结合,以创造更加复杂的效果。设计模式简化并增强了创新的过程。它们使创造就如同垒砖块或搭乐高积木一样简单。仅需选择预先设计好的模式,改造它们并使它们相互结合,即可得到想要的结果。模式并不会限制创新——它们会为你解开创新的枷锁。 开创性著作Design Patterns:Elements ofReusable Object-Oriented Software(中文版《设计模式:可复用面向对象软件的基础》,作者为Erich Gamma、Richard Helm、Ralph Johnson和John Vlissides,原版由Addison.Wesley版于1995年)曾阐述过,设计模式由4部分组成:模式的名字、要解决的问题、解决方案和各方面的权衡。本书将遵循这一方式。
既然这是一本实用性的书,那么它直接关注的是一些可用于各种主流浏览器中的具体的CSS和HTML设计模式。本书也通过组合内建的模式创造出更**别的新模式。
简而言之,这是一本关于模式的书,你可以把这些模式应用到实际的设计当中去。
1.2 使用设计模式
第1章到第7章列出了布局样式中的基本属性和元素。第8章与第9章把这些属性组合在一起,创造出了所有可能的块状、定位和浮动布局。第10章到第12章列举了一些基本的文本样式属性,并把它们相互结合,这样一杰,就可以用它们来创建内联布局了。
……