CSS基础教程(最佳CSS入门书,Amazon五星评价)
基本信息
编辑推荐
最佳CSS入门书,Amazon五星评价.
集权威、详尽和易读性于一体的杰作..
涵盖最新Web标准和当代设计实践...
推荐阅读
内容简介回到顶部↑
本书是优秀的css 入门书,重点讲述了如何使用css 实现基于web 标准的网站开发,实现网站内容和表现相分离。
本书包括两部分。第一部分介绍了css 的基础知识和基本概念,再利用css 分别对网页创建中的一些基本元素加上样式,包括:文本、图像、列表、链接、表格、表单等。第二部分主要讨论了基于css 来实现网页基本布局的相关概念与技术,包括浮动、流体布局等。本书最后还给出了一个真实的案例,将本书的所有内容进行了综合讨论。
本书适合于各层次web 开发人员、设计人员和测试人员学习参考。
本书包括两部分。第一部分介绍了css 的基础知识和基本概念,再利用css 分别对网页创建中的一些基本元素加上样式,包括:文本、图像、列表、链接、表格、表单等。第二部分主要讨论了基于css 来实现网页基本布局的相关概念与技术,包括浮动、流体布局等。本书最后还给出了一个真实的案例,将本书的所有内容进行了综合讨论。
本书适合于各层次web 开发人员、设计人员和测试人员学习参考。
目录回到顶部↑
第一部分 了解css
第1章 入门
1.1 将css应用到(x)html
1.2 维护和组织样式表
1.3 高效的css语法
1.4 准备好继续进行
第2章 css核心概念
2.1 id与类
2.2 使用层叠
2.3 分组
2.4 继承
2.5 上下文选度量
2.6 css度量
2.7 小结
第3章 css构造块
3.1 div
3.2 维度:宽度和高度
3.3 外边距
3.4 内边距
3.5 外边距、内边距和主体
第1章 入门
1.1 将css应用到(x)html
1.2 维护和组织样式表
1.3 高效的css语法
1.4 准备好继续进行
第2章 css核心概念
2.1 id与类
2.2 使用层叠
2.3 分组
2.4 继承
2.5 上下文选度量
2.6 css度量
2.7 小结
第3章 css构造块
3.1 div
3.2 维度:宽度和高度
3.3 外边距
3.4 内边距
3.5 外边距、内边距和主体
前言回到顶部↑
你现在一定很兴奋吧?将要成为专业的CSS天才的前景是不是已经让你跃跃欲试呢?读过本书之后,你就有充分的资格成为Web奇才,可以利用CSS来为你和你的客户节约时间、金钱,并减少压力。.
在你搭上CSS启蒙巴士之前,有必要熟悉一些Web设计者和开发者常用的术语,尤其是作者使用的特定术语。
Web 标准和可访问性
这需要先简单地回顾一下历史。1994年,万维网联盟(www.w3.org)成立了,它主要为了进一步提升因特网的通用实现方式和互操作性。他们的一部分工作是制定一些Web标准,例如(X)HTML和CSS,并使这些标准与Web开发者和使用者的需要相一致,使Web对于每个人来说都更加美好。
多年以来,Web标准对浏览器厂商的影响力不够,厂商往往很晚才意识到Web标准的重要性。因此,基于标准设计的网站在不同的用户浏览器上表现不一致,以至于整个设计不管对于设计者本身来说还是对用户来说都一样糟糕。如果你没有经历过Web设计的这些艰苦的日子,你真的很幸运。
从1998年开始,为帮助网站设计走出困境成立了Web标准项目(WaSP)。它为标准而战,增强了Web上发布站点的可访问性和长期生存能力,同时还降低了开发的成本和复杂程度。WaSP团队与浏览器厂商、网页制作工具厂商和网站设计者一起努力制定更好的标准。在许多具有责任心的Web宣传者的充满激情的血汗和泪水的努力下,Web标准项目成为了一个联盟,它为标准而奋斗,努力使每个人都能够学习Web技术。访http://Webstandards.org,可以获得更多的信息,图0-1所示为该网站首页。
2003年,Jeffrey Zeldman(www.zeldman.com)写了一本书,名为Designing with Web Standards1(New Riders),从而彻底改变了很多人设计网页的方法。这本书被称为真正变革的开始,它让很多人重新思考如何构建网站,坚决使用CSS以提高网站的可访问性和可用性。
优点
Web标准给我们带来了很多好处。网页的大小减小了,所以下载时间也缩短了,这样占用的带宽也减少了。与用户代理(浏览器、移动电话、PDA、辅助性软件2)的兼容性增强,也使得站点的可访问性增强。更重要的是,基于Web标准的站点是面向未来的——不管Web下一步怎么发展,它都能未雨绸缪。而且,标准是非常重要的,因为它允许内容和表现分离,并且提高站点的可访问性。我们先看看这些术语的意义吧。
内容和表现相分离
Web标准最基本的规则可能就是内容应当和表现分离了——采用外部样式表来实现所有装饰性的丰富表现,但是核心的内容((X)HTML)仍然保持简明扼要。将所用的表现成分与标记分离,站点范围的样式改变可以通过修改简单的CSS文件轻松实现,而不需要在站点上更新每个页面,这样大批量的重新设计工作将变成小菜一碟。同样重要的是当用户觉得有必要时,可以在别人的网站上应用他们自己的样式表,从而很轻松地控制网页内容。
可访问性
基于Web标准精心设计中非常重要的一点就是可访问性是与生俱来的。当然,还有一些其他的方法可以提高网页的可访问性并为用户提供更多的方便。但是将内容和表现分离,并使用正确的标记来实现相应的功能可以提高所有访问者访问网站的可能性,而与访问者的能力无关。可访问性的重要原则非常简单:任何人在任何地方不管是使用什么平台,也不管他具有什么样的技术、经验或者能力都能够访问你的内容。只要内容遵守Web标准,你就可以自由地使用CSS来应用一些特殊的表现信息,而不用担心内容会受到影响,即使是视力有问题的人通过屏幕阅读器也能正确地使用你的网站。当然,Web的可访问性并不是仅仅考虑视觉上的残疾——认知上等一些其他方面的残疾也需要考虑。想了解更多关于Web可访问性的知识,可以阅读一本专著WebAccessibility:Web Standards and Regulatory Compliance(friends of ED, 2006)以及一些重要的在线资源,如www.accessify.comhttp://diveintoaccessibility.org。
本书的第14章将专门讨论CSS中的可访问性。
向标准靠拢..
到现在为止你应该能够理解将Web设计转变成基于标准的Web的一些争论了……可能在阅读本书以前你已经知道了。但是,为什么还有人不使用CSS来为Web加上样式并实施布局呢?许多人认为CSS非常难以实现,它只是针对某些浏览器的,并且它的学习难度太大。其实,最大的问题是大量比较守旧的设计人员没有全部采用Web标准。很多设计人员还使用一些老的标记来实现Web样式,从而把一个生动的网站变得非常庞大。他们通常依赖表格来实施布局,他们还将大量的字体标签和一些废弃了的方法散布在代码中。他们按照现在的方式做也能赚到钱,因此,他们认为不需要改变。这些人是非常危险的,别学他们。
当然,因特网中还是优秀并且负责任的人更多,因此Web标准的优点还是不容忽视的。自从Zeldman写了那本书以后,成千上万的人已经开始采用基于CSS的设计了,并且很少有人走回头路。可访问性好的网站没有吸引力的说法已经一去不复返了。很多可访问性非常好并且非常有用的网站同样做得非常漂亮。这主要归功于那些聪明并且具有经验的CSS设计人员为其加上了样式(图0-2就是一个例子)。
我希望在读完本书后,你也可以实现这样的设计。基于CSS的设计充满挑战,但是非常刺激和令人兴奋。未来就在你的手中。
关于本书
我常想,如果在我开始探索CSS时能够有这样一本书就好了。那样,我就可以节约大量的时间。本书假定你对(X)HTML有非常完整的了解,但是对CSS所知不多甚至一无所知。对于后者,本书从零开始。
在你搭上CSS启蒙巴士之前,有必要熟悉一些Web设计者和开发者常用的术语,尤其是作者使用的特定术语。
Web 标准和可访问性
这需要先简单地回顾一下历史。1994年,万维网联盟(www.w3.org)成立了,它主要为了进一步提升因特网的通用实现方式和互操作性。他们的一部分工作是制定一些Web标准,例如(X)HTML和CSS,并使这些标准与Web开发者和使用者的需要相一致,使Web对于每个人来说都更加美好。
多年以来,Web标准对浏览器厂商的影响力不够,厂商往往很晚才意识到Web标准的重要性。因此,基于标准设计的网站在不同的用户浏览器上表现不一致,以至于整个设计不管对于设计者本身来说还是对用户来说都一样糟糕。如果你没有经历过Web设计的这些艰苦的日子,你真的很幸运。
从1998年开始,为帮助网站设计走出困境成立了Web标准项目(WaSP)。它为标准而战,增强了Web上发布站点的可访问性和长期生存能力,同时还降低了开发的成本和复杂程度。WaSP团队与浏览器厂商、网页制作工具厂商和网站设计者一起努力制定更好的标准。在许多具有责任心的Web宣传者的充满激情的血汗和泪水的努力下,Web标准项目成为了一个联盟,它为标准而奋斗,努力使每个人都能够学习Web技术。访http://Webstandards.org,可以获得更多的信息,图0-1所示为该网站首页。
2003年,Jeffrey Zeldman(www.zeldman.com)写了一本书,名为Designing with Web Standards1(New Riders),从而彻底改变了很多人设计网页的方法。这本书被称为真正变革的开始,它让很多人重新思考如何构建网站,坚决使用CSS以提高网站的可访问性和可用性。
优点
Web标准给我们带来了很多好处。网页的大小减小了,所以下载时间也缩短了,这样占用的带宽也减少了。与用户代理(浏览器、移动电话、PDA、辅助性软件2)的兼容性增强,也使得站点的可访问性增强。更重要的是,基于Web标准的站点是面向未来的——不管Web下一步怎么发展,它都能未雨绸缪。而且,标准是非常重要的,因为它允许内容和表现分离,并且提高站点的可访问性。我们先看看这些术语的意义吧。
内容和表现相分离
Web标准最基本的规则可能就是内容应当和表现分离了——采用外部样式表来实现所有装饰性的丰富表现,但是核心的内容((X)HTML)仍然保持简明扼要。将所用的表现成分与标记分离,站点范围的样式改变可以通过修改简单的CSS文件轻松实现,而不需要在站点上更新每个页面,这样大批量的重新设计工作将变成小菜一碟。同样重要的是当用户觉得有必要时,可以在别人的网站上应用他们自己的样式表,从而很轻松地控制网页内容。
可访问性
基于Web标准精心设计中非常重要的一点就是可访问性是与生俱来的。当然,还有一些其他的方法可以提高网页的可访问性并为用户提供更多的方便。但是将内容和表现分离,并使用正确的标记来实现相应的功能可以提高所有访问者访问网站的可能性,而与访问者的能力无关。可访问性的重要原则非常简单:任何人在任何地方不管是使用什么平台,也不管他具有什么样的技术、经验或者能力都能够访问你的内容。只要内容遵守Web标准,你就可以自由地使用CSS来应用一些特殊的表现信息,而不用担心内容会受到影响,即使是视力有问题的人通过屏幕阅读器也能正确地使用你的网站。当然,Web的可访问性并不是仅仅考虑视觉上的残疾——认知上等一些其他方面的残疾也需要考虑。想了解更多关于Web可访问性的知识,可以阅读一本专著WebAccessibility:Web Standards and Regulatory Compliance(friends of ED, 2006)以及一些重要的在线资源,如www.accessify.comhttp://diveintoaccessibility.org。
本书的第14章将专门讨论CSS中的可访问性。
向标准靠拢..
到现在为止你应该能够理解将Web设计转变成基于标准的Web的一些争论了……可能在阅读本书以前你已经知道了。但是,为什么还有人不使用CSS来为Web加上样式并实施布局呢?许多人认为CSS非常难以实现,它只是针对某些浏览器的,并且它的学习难度太大。其实,最大的问题是大量比较守旧的设计人员没有全部采用Web标准。很多设计人员还使用一些老的标记来实现Web样式,从而把一个生动的网站变得非常庞大。他们通常依赖表格来实施布局,他们还将大量的字体标签和一些废弃了的方法散布在代码中。他们按照现在的方式做也能赚到钱,因此,他们认为不需要改变。这些人是非常危险的,别学他们。
当然,因特网中还是优秀并且负责任的人更多,因此Web标准的优点还是不容忽视的。自从Zeldman写了那本书以后,成千上万的人已经开始采用基于CSS的设计了,并且很少有人走回头路。可访问性好的网站没有吸引力的说法已经一去不复返了。很多可访问性非常好并且非常有用的网站同样做得非常漂亮。这主要归功于那些聪明并且具有经验的CSS设计人员为其加上了样式(图0-2就是一个例子)。
我希望在读完本书后,你也可以实现这样的设计。基于CSS的设计充满挑战,但是非常刺激和令人兴奋。未来就在你的手中。
关于本书
我常想,如果在我开始探索CSS时能够有这样一本书就好了。那样,我就可以节约大量的时间。本书假定你对(X)HTML有非常完整的了解,但是对CSS所知不多甚至一无所知。对于后者,本书从零开始。


点击看大图






加载中...
