分享
 
 
 

精通CSS与HTML设计模式

王朝百科·作者佚名  2010-05-29
窄屏简体版  字體: |||超大  

一、 出版信息

【书名】精通CSS与HTML设计模式

【作者】(美)鲍尔斯

【译者】刘申,朱瑜敏,鲁奇 译

【出版社】人民邮电出版社

【书号】9787115185532

【出版日期】2008年

【开本】16开

【版次】1

【定价】69.00元

二、 内容简介

本书是一部非常实用的CSS 与HTML(XHTML)解决方案手册。书中包含了350多种可以立即使用的设计模式(涉及文本、背景、边框、图片、表格、布局等多方面),并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计,易于实现和使用。通过阅读此书,可大大提高读者在Web设计和开发中的效率和创造力。

本书结构清晰,示例丰富,实践性强,适用于所有Web开发和设计人员。

三、作者介绍

Michael Bowers,资深Web开发专家,有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目,包括许多网站、应用程序框架、编译器、自定义语言,自动化工厂和销售管理系统。他拥有音乐理论硕士学位,是一名优秀的钢琴家。

四、读者对象

本书是为那些对CSS和HTML有所了解的人士编写的。它适用于以前阅读过CSS和HTML入门书的新手,也适用于曾经尝试过CSS但无法正确运用而放弃的设计者和开发者们,适用于想要提高CSS技术的专业人士,适用于所有希望快速完成设计的人——有了本书,他们就不用自己不断摸索,找出可以在所有浏览器中生效的方案了。

本书假设读者已经了解了编写CSS和HTML代码的基础知识。如果你只在像Dreamweaver或FrontPage这种所见即所得的设计软件中工作而从没处理过HTML或CSS代码,你可能会觉得本书中的代码有些难度。

如果你喜欢通过例子学习,喜欢了解代码是如何工作的,并且对CSS和HTML有所了解,你肯定会爱上这本书的。

在第17章和第20章中,有7种设计模式使用了JavaScript。为了完全理解它们,你需要了解JavaScript的基础知识,但是使用这些模式不用精通JavaScript。最重要的是,你不需要知道任何有关JavaScript的知识来理解和使用书中的340多种设计模式,因为它们根本与 JavaScript无关。

五、本书结构

第1章到第3章探讨的是CSS和HTML的一些基础知识。

第1章展示了设计模式是如何简化CSS的运用的。这里我演示了如何将简单的设计模式组合成复杂和强大的模式。我也对CSS的语法和层叠排序进行了回顾。另外,我展示了几个图表,它们可令CSS的使用更简单:实用的CSS网站链接列表,单页CSS属性总结;一个4页的实用CSS属性、取值和选择符的列表,根据它们使用地方的不同来排列;度量单位和字体大小的图表;两个样式表实例,展示了在所有浏览器中对元素样式的标准化问题;一个12步的向导,用于解决CSS的有关的各种问题。

第2章介绍了HTML背后的设计模式。在本章,我展示了使用HTML(包括XHTML)的最佳实践。也对可用HTML创建的结构类型进行了探讨,其中包括结构化块状、终端块状、多目标块状和内联。还讲述了如何通过CSS选择符对ID和属性进行选择。

第3章介绍了关于CSS选择符和继承的设计模式。这里我演示了选择符是如何作为HTML和CSS的桥梁的。我列出了关于类型、类、ID、定位、分组、属性、伪元素、伪类和子类选择符的设计模式。我还对CSS的继承进行了讲解。

第4章到第6章对6种盒模型进行了介绍。它们展示了每个HTML元素在不同盒类型(不是在每种盒类型中都能被解析的)中解析方式的不同之处。它们也演示了同一个属性在不同盒模型中所产生的不同结果,并且在每个盒模型中,元素的排列顺序是存在差异的。

第4章介绍了6种盒模型:内联、内联块状、块状、表格、绝对和浮动。

第5章对3种度量盒子的方式进行了探讨:设定尺寸(sized)、包裹(shrinkwrapped)和拉伸(stretched)。

第6章介绍了每种盒模型的属性:外边距(margin)、边框(border)、内边距(padding)、背景(background)、溢出(overflow)、可见性(visibility)、分页(pagebreak)。

第7章到第9章对盒子的排列和定位进行了讲解。

第7章介绍了5种定位模型(静态、绝对、相对、固定和浮动),并将它们与6种盒模型联系起来。

第8章对盒子定位的3种方式进行了介绍:例如,可以对一个盒子缩进、外凸或相对它的兄弟元素进行偏移,或者参照它的容器来对齐与偏移。

第9章对第7、8章的模式进行了组合:这种组合会生成50多种对元素进行定位的设计模式(仅仅针对绝对和固定定位两种方式)。

第10章到第12章对内联盒模型的排列、样式、空白、文本对齐与对象进行了详细的阐述。

第10章介绍了为文本赋予样式的一些属性,其中还包括了隐藏文本的3种设计模式(这几种设计模式对视力残障用户也是可访问的)。

第11章展示了为内联内容添加水平和垂直空白的方法。

第12章讲述了如何对内联内容水平和垂直对齐。

第13章到第14章详细讲解了块状元素和图片的排列方式以及怎样为它们赋予样式。

第13章介绍了块状元素的相关内容,它以探讨块状元素的结构含义和如何可视化地显示此含义开始,涵盖了列表、内联块状元素、重叠的外边距、内嵌块状元素、块状空白和边缘块状元素。

第14章介绍了图片的相关内容,例如图片地图(image map)、半透明图片、用图片替换文本、内嵌图片(sprite)、阴影图片和圆角图片。

第15章和第16章深入地介绍了如何对表格以及单元格赋予样式和布局。

第15章讲的是表格,包括表格选择符、重叠的边框(collapsed border)、隐藏单元格(hiding cell)、垂直对齐单元格内的内容以及把内联和块状元素当作表格来显示。

第16章介绍了12种用于布局表格列的模式,包括自动包裹表格列、为它们设定尺寸、按比例分配等。

第17章对如何用浮动元素创建流动布局进行了详细的介绍。

第17章展示了如何创建浮动布局,它可根据不同的设备、字体、宽度、缩放进行自动调整。其中也介绍了如何用JavaScript创建交互的布局。

第18章至第20章介绍了如何通过组合设计模式为同一个问题创建出多种解决方案。每种方案会满足不同的需求,它们也各有利弊。除了作为实用的解决方案外,它们也展示了如何通过组合模式来解决任何设计上的问题。

第18章介绍了字母下沉。这里我通过7种不同的设计模式组合,对7种字母下沉进行了讲解。

第19章对强调框和引用进行了讲解。本章展示了5种强调框和3种引用。

第20章介绍了提示框。其中我列出了3种可交互的提示框和8种文本提示框(比如,提醒标识)。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有