CSS+DIV网页设计开发技术与实例应用

出版时间：2010-6  出版社：国防工业  作者：孔璐//袁珏  页数：168  
Tag标签：无  

前言

　　CSS是Cascading Style Sheets（层叠样式表单）的简称，它可以使网页更加美观、简练和便于维护。CSS技术已经被广泛应用于网页与网站开发，使用任何浏览器浏览网页都要与CSS打交道；无论使用什么工具制作网页，都必须掌握CSS技术。CSS是一门在网页与网站开发应用中必须要掌握和使用的重要技术。DIV的全称为Division意为“区分”，称为区隔标记，它的作用是为了设定字、画和表格等HTML元素的摆放位置，为HTML文档中的内容提供框架结构，通过CSS样式配合来定义不同DIV区域中的各元素属性，可以方便快捷地完成网页样式的定义。学会使用CSS+DIV网页布局，是网页设计和制作人员必需掌握的技能之一。　　本书以提高读者综合运用CSS+DIV技术进行网页与网站开发的应用能力为目的，系统地讲解了CSS层叠样式表的基础理论和实际运用技术，结合大量案例与实例对CSS进行深入浅出地分析，详细地描述了各案例与实例的开发过程和方法，对CSS的基本语法和概念有着更简明的阐述和说明，并且通过CSS盒子模型详细地讲述了CSS+DIV布局的精髓所在。本书紧密结合经典开发案例，系统讲述了如何利用CSS控制文字、图片、表格、背景以及导航菜单等网页元素方法，并详细介绍了圆角矩形框、凹陷文字、滑动门和多级下拉菜单等常用技术。书中重点讲解了几种典型的布局方式，分别对不同的CSS+DIV布局模式进行了细致地比较。此外，书中还给出了CSS+DIV网站应用综合实例，让读者进一步巩固学到的知识，提高工程应用开发能力。本书还介绍了网页设计中常遇到的技术问题，指导读者制作出符合Web标准的网页，使从事或即将从事网站设计开发专业工作的读者提升专业技术水平和同行竞争能力。　　本书由孔璐和袁珏作为主编，本书的第五章是由中北大学机械工程与自动化学院崔宝珍编写。本书适合从事网页设计、网站制作、Web程序开发和Web标准化等人员学习和使用，也可作为高等院校相关专业的教学和参考用书以及各类社会培训机构的培训用书。

内容概要

　　《CSS+DIV网页设计开发技术与实例应用》对CSs+DIV技术应用于各种网页元素的方法和过程进行了深入地剖析与介绍，系统地讲述了如何利用CSS+DIV技术控制文字、图片、表格、背景以及导航菜单等网页元素的方法，结合实际网页制作中可能遇到的问题，提供解决的思路、方法和技巧。书中重点讲解了几种典型的布局方式，从实际案例入手，让读者在学习CSS+DIV应用技术的同时掌握其精髓。各案例与实例按照由浅入深、由易到难的顺序编排，即使是初学者也可以轻松掌握CSS+DIV技术的布局方式，制作出精美实用的网页作品。　　全书中所有的案例与实例都是编译通过的。《CSS+DIV网页设计开发技术与实例应用》所有源代码与相关素材均可以在国防工业出版社网站免费下载。《CSS+DIV网页设计开发技术与实例应用》适合从事网页设计、网站制作等相关工作的专业人员学习和使用，还可作相关专业的教材使用。

书籍目录

第一章　CSS基础　1.1　CSS概述　　1.1.1　CSS的定义　　1.1.2　CSS的基本语法　1.2　CSS选择器　　1.2.1　标签选择器　　1.2.2　选择器组　　1.2.3　类选择器　　1.2.4　ID选择器　　1.2.5　相邻选择器　　1.2.6　后代选择器　1.3　CSS的继承　1.4　CSS优先级　　1.4.1　原則　　1.4.2　原则二　　1.4.3　原則三　　1.4.4　原則四　1.5　CSS链接　　1.5.1　內嵌式样式表　　1.5.2　链接式样式表　　1.5.3　输入样式表　　1.5.4　行內样式表第二章　文字效果　2.1　文字的基本样式　　2.1.1　字体样式　　2.1.2　字体颜色　　2.1.3　字体大小　　2.1.4　字体加粗　　2.1.5　字体倾斜　　2.1.6　字体下划线、顶划线、删除线　2.2　文本效果　　2.2.1　行距　　2.2.2　文字与单词间距　　2.2.3　首行缩进　　2.2.4　水平对齐方式　　2.2.5　垂直对齐方式　　2.2.6　首字下沉　2.3　伪类　2.4　文字实例第三章　背景效果　3.1　背景色的定义　3.2　自定义背景图　3.3　重复背景　3.4　背景位置　3.5　背景实例第四章　边框设计　4.1　边框的定义　　4.1.1　边框样式　　4.1.2　边框颜色　　4.1.3　边框宽度　　4.1.4　边框属性　　4.1.5　独立边框　4.2　表格边框第五章　DIV层　5.1　DIV概述　　5.1.1　使用DIV　　5.1.2　定~LDIV　　5.1.3　决级标签　　5.1.4　行级标签　5.2　盒子模型　　5.2.1　盒子模型概述　　5.2.2　外补丁　　5.2.3　內补丁　　5.2.4　浮动　5.3　网页布局模式　　5.3.I网页布局概述　　5.3.2　一列布局　　5.3.3　两列布局　　5.3.4　三列布局第六章　图片效果　6.1　图片边框　6.2　自适应大小　6.3　阴影效果第七章　溢出和剪切　7.1　overflow的使用　7.2　text-overflow的使用第八章　CSS滤镜　8.1　Alpha滤镜　8.2　Chroma滤镜　8.3　Glow滤镜　8.4　Shadow滤镜　8.5　Wave滤镜第九章　菜单导航制作　9.1　横向导航菜单　9.2　竖向导航菜单　9.3　变换颜色的导航菜单　9.4　滑动门菜单　9.5　CSS圆角菜单　9.6　下拉菜单第十章　实例应用　10.1　按钮的制作　10.2　CSS分页效果　10.3　CSS相册滑动浏览效果　10.4　博客列表制作　10.5　图文混排CSS列表第十一章　个人博客网站设计　11.1　整体布局构思　11.2　网站TOP制作　11.3　网站Content制作　11.4　网站Bottom制作附录　CSS书写规范参考文献　

章节摘录

　　第一章CSS基础　　在网页上使用HTML定位文字和图像比较复杂，必须用表格标签和隐式GIF图像，但即使这样也不能准确定位，因为不同的浏览器和操作平台的显示结果也不同。通过学习CSS的属性，可以精确地设定要素位置，并将定位的要素进行叠加。CSS可以同时控制多重页面的样式和布局，能够为每个HTML元素定义样式，并将其应用于页面设计中。　　1.1　CSS概述　　网页的主要组成可分为三个部分：结构（Structure）、表现（Presentation）和行为（Behavior），对应的标准也分三个方面：结构标准、表现标准和行为标准。结构标准的语言主要是指XHTML和XML；表现标准的语言主要是指CSS；行为标准的语言主要是指对象模型如W3C DOM，ECMAScript等。　　1.1.1　CSS的定义　　网页设计最初是用HTML标记来定义页面文档及格式，例如标题、段落、表格和链接等，但这些标记不能满足更多的文档样式需求。为了解决这个问题，在1997年W3C（The World Wide Web Consortium）颁布HTML4标准的同时也发布了有关样式表的第一个标准CSS1之后，又在1998年5月发布了CSS2版本，样式表得到了更多的充实。W3C把DHTML（Dynamic HTML）分为三个部分来实现：脚本语言（包括JavaScript和Vbscript等）、支持动态效果的浏览器（包括Interact Explorer和NetscapeNavigator等）和CSS样式表。　　CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则存放在另一个文件中或作为HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加便捷，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。

用户评论 (总计3条)

•   在图书馆借看过这本书，觉得很好用，作为入门来说非常好用，也有稍稍复杂一点的案例内容。书不厚，读起来也没什么压力，但的确解决了很多问题。
•   读了一部分来评价。这本书基本属于平凑型，不过常用例子还是很多的。对于有基础的看起来不费劲，可以解决一些问题。印刷的不怎样，感觉书的质量太一般。内容还行。
•   还没有看来，好不好还要看后面读了才知