精通CSS与HTML设计模式
分類: 图书,计算机/网络,程序设计,HTML XML ,
作者: (美)鲍尔斯著,刘申,朱瑜敏,鲁奇译
出 版 社: 人民邮电出版社
出版时间: 2008-9-1字数: 759000版次: 1页数: 494印刷时间: 2008/09/01开本: 16开印次: 1纸张: 胶版纸I S B N : 9787115185532包装: 平装编辑推荐
Amazon盛誉图书,业界专家十余年功力结晶,参透CSS与HTML,350多种可以立刻用于实战的设计模式,Web设计与开发人员的必备参考书。
“不管你是什么水平的开发人员,本书都是必备的参考书。”
——Jonathan Snook。著名web程序员,The Art andScience of CSS一书作者
“我太喜欢这本书了。事实上我买了两本。一本放在公司,一本放在家里……本书讲解非常系统,既值得通读,也是绝佳的参考书……赶紧买一本好好研读吧。”
——JavaRarlch.com
由于浏览器不兼容、缺乏开发环境支持等因素。Web开发至今仍然是一项难言轻松的工作。事实上,为了简化Web开发,全球广大程序员已经开发了各种技术、众多框架和库,甚至出现五花八门的旁门左道。但是。“银弹”并没有出现。
本书中。Web开发专家MlchaeI Bowers通过350多种设计模式总结了自己多年的Web开发经验,并详细讲解了每种模式的工作原理。每种设计模式、示例和源代码都经过了精心设计,可以很方便地在实际项目中使用。本书既是一部优秀的教程。可以系统而深入地学习CSS和HTML;也是不可或缺的参考书,可以大大提高你在Web设计和开发中的效率和创造力。
内容简介
本书是一部非常实用的CSS 与HTML(XHTML)解决方案手册。书中包含了350 多种可以立即使用的设计模式(涉及文本、背景、边框、图片、表格、布局等多方面),并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计,易于实现和使用。通过阅读此书,可大大提高读者在Web 设计和开发中的效率和创造力。
本书结构清晰,示例丰富,实践性强,适用于所有Web 开发和设计人员。
作者简介
Michael Bowers,资深Web开发专家,有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目,包括许多网站、应用程序框架、编译器、自定义语言,自动化工厂和销售管理系统。他拥有音乐理论硕士学位,是一名优秀的钢琴家。
目录
第1章设计模式:轻松搞定CSS!
1.1设计模式——精心组织的解决方案
1.2使用设计模式
1.3应用样式表
1.4CSS语法
1.4.1CSS语法细节
1.4.2在CSS中使用空白
1.4.3使用属性值
1.5使用层叠排序
1.6简化层叠
1.7CSS和HTML链接
1.8CSS属性
1.9CSS的属性和值:常见的
1.10CSS的属性和值:内容
1.11CSS的属性和值:布局
1.12CSS的属性和值:专有的
1.13选择符
1.14变动的度量单位
1.15固定的度量单位
1.16在96dpi下不同单位之间的比率
1.17在96dpi下常用的font-size值
1.18CSS疑难解答
1.19使样式表规范化
第2章HTML设计模式
2.1本章大纲
2.2HTML结构
2.3XHTML
2.4DOCTYPE
2.5头部元素
2.6条件样式表
2.7结构化块状元素
2.8终端块状元素
2.9多目标块状元素
2.10内联元素
2.11类和ID属性
2.12HTML空白
第3章CSS选择符与继承
3.1本章大纲
3.2类型、类和ID选择符
3.3定位和群组选择符
3.4属性选择符
3.5伪类元素选择符
3.6伪类选择符
3.7子类选择符
3.8继承
3.9视觉继承
第4章盒模型
4.1本章大纲
4.2显示
4.3盒模型
4.4内联盒模型
4.5内联块状盒模型
4.6块状盒模型
4.7表格盒模型
4.8绝对定位盒模型
4.9浮动盒模型
第5章盒模型的尺寸
5.1本章大纲
5.2宽度
5.3高度
5.4设定尺寸
5.5包裹
5.6拉伸
第6章盒模型的属性
6.1本章大纲
6.2外边距
6.3边框
6.4内边距
6.5背景
6.6溢出
6.7可见性
6.8分页
第7章定位模型
7.1本章大纲
7.2定位模型
7.3定位
7.4定位最近的祖先元素
7.5堆叠环境
7.6原子化
7.7静态定位
7.8绝对定位
7.9固定定位
7.10相对定位
7.11浮动和清除
7.12相对浮动
第8章定位:缩进、偏移与对齐
8.1本章大纲
8.2缩进
8.3静态元素的偏移
8.4静态表格的偏移或缩进
8.5浮动元素的偏移
8.6绝对元素和固定元素的偏移
8.7相对元素的偏移
8.8静态内联元素的对齐
8.9静态块状元素的对齐与偏移
8.10静态表格的对齐与偏移
8.11绝对元素的对齐与偏移
8.12绝对元素的居中
8.13外部对齐
第9章定位:进阶
9.1本章大纲
9.2左对齐
9.3左偏移
9.4右对齐
9.5右偏移
9.6中心对齐
9.7中心偏移
9.8顶端对齐
9.9顶端偏移
9.10底端对齐
9.11底端偏移
9.12垂直居中对齐
9.13垂直居中偏移
第10章为文本赋予样式
10.1字体
10.2突出
10.3文本装饰
10.4文本阴影
10.5文本替换
10.6隐藏文本
10.7读屏器专用
第11章分割内容
11.1分割
11.2块状化
11.3非包裹
11.4保留空白
11.5代码
11.6填充内容
11.7内联空白
11.8内联装饰
11.9断行
11.10内联水平线
第12章对齐内容
12.1文本缩进
12.2悬挂缩进
12.3水平对齐的内容
12.4垂直对齐的内容
12.5垂直偏移的内容
12.6下标和上标
12.7嵌套对齐
12.8高级对齐实例
第13章块状元素
13.1本章大纲
13.2结构含义
13.3可视结构
13.4区块
13.5列表
13.6背景项目符号
13.7内联化
13.8重叠的外边距
13.9内嵌
13.10水平线
13.11块状间隔
13.12块状间隔移除
13.13左外边距
13.14右外边距
第14章图片
14.1本章大纲
14.2图片
14.3图片地图
14.4淡出
14.5半透明
14.6被替换的文本
14.7内容覆盖图片
14.8内容覆盖背景图片
14.9CSS内嵌图片
14.10基础阴影图片
14.11阴影图片
14.12圆角
14.13图片实例
第15章表格
15.1本章大纲
15.2表格
15.3行组与列组
15.4表格选择符
15.5分隔的边框
15.6重叠的边框
15.7样式重叠边框
15.8隐藏和删除单元格
15.9删除和隐藏行与列
15.10垂直对齐数据
15.11斑马纹表格
15.12强制转换成表格、行和单元格
15.13表格布局
第16章列布局
16.1表格布局模型
16.2使用列布局
16.3本章大纲
16.4列宽度
16.5包裹列
16.6设定尺寸列
16.7内容比例列
16.8尺寸比例列
16.9百分比比例列
16.10反比例列
16.11相等内容尺寸列
16.12等尺寸列
16.13小尺寸列
16.14伸缩列
16.15混合列布局
第17章布局
17.1本章大纲
17.2流动布局概述
17.3由外向内盒模型
17.4浮动区块
17.5浮动间隔
17.6流动布局
17.7反向浮动
17.8事件样式
17.9上滚
17.10标签菜单
17.11标签
17.12弹出菜单
17.13按钮
17.14布局链接
17.15布局实例
第18章字母下沉
18.1本章大纲
18.2对齐的字母下沉
18.3首字母下沉
18.4悬挂字母下沉
18.5内边距图片字母下沉
18.6浮动字母下沉
18.7浮动图片字母下沉
18.8外边距字母下沉
18.9外边距图片字母下沉
第19章强调框和引用
19.1本章大纲
19.2左浮动强调框
19.3右浮动强调框
19.4中心强调框
19.5左外边距强调框
19.6右外边距强调框
19.7块状引用
19.8内联块状引用
19.9内联引用
第20章提示框
20.1本章大纲
20.2JavaScript提示框
20.3悬停提示框
20.4弹出的提示框
20.5提示框
20.6内联提示框
20.7悬挂提示框
20.8图片提示框
20.9内嵌提示框
20.10浮动提示框
20.11左外边距提示框
20.12右外边距提示框
索引
书摘插图
第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章列举了一些基本的文本样式属性,并把它们相互结合,这样一杰,就可以用它们来创建内联布局了。
……