高效学习CSS布局之道

《高效学习CSS 布局之道》一书于由出版发行，该书一共分为5篇，基本涵盖了CSS和使用CSS布局页面的核心知识，从CSS的入门基础知识讲起，再到XHTML基础知识、CSS的语法和各个属性的使用方法、CSS布局的各种技巧，全书最后使用一个现今最具代表性的博客实例，完整地讲解了CSS页面布局的具体步骤和注意事项。该书适合广大的网页设计爱好者、专业的网页制作人员和网页维护人员阅读，也适合培训机构、高等院校及职业院校作为网页设计类课程的教学用书。

基本信息

内容简介

编辑推荐

目录

基本信息

作者:陈刚 陈勤

出版社：科学出版社，北京科海电子出版社

页码：460 页

出版日期：2009年

ISBN：9787030238375

条形码：9787030238375

版本：1版

装帧：平装

开本：16

中文：中文

附带品描述：附赠VCD光盘一张

内容简介

CSS是W3C组织制定的用于控制网页内容显示效果的一种标记性语言。使用CSS布局的网站，具有更大的扩展性，能够适应更加复杂的浏览环境。同时，使用CSS布局页面，代码更加简洁，加载速度更快，改版和升级网站更加方便。所以，CSS已经成为当前网页设计师必学的一门语言。

《高效学习CSS 布局之道》概念讲解清晰，内容全面，范例丰富实用。书中在讲解CSS知识的同时，注重对原理性的剖析，使读者能够知其然并知其所以然，做到举一反三。

编辑推荐

初学者

基本概念：CSS的概念、结构和表现分离的原理和好处、XHTML的基础知识、CSS的基本语法和使用方式。

学习目标：了解CSS基本的使用方法和原理，掌握页面结构代码XHTML的相关知识。

属性例解：CSS中盒模型的构成、块元素与内联元素的分类，使用各种属性控制块元素的位置和显示方式；CSS中用来控制各种页面元素显示效果的常用属性。

学习目标：方便地完成元素的定位，掌握各种控制元素显示效果的技巧，使页面各种内容的表现更加丰富多彩。

布局技巧与方法：元素的居中问题、页面架构的建立方法、自适应问题的解决、各种兼容问题的解决。

学习目标：掌握实际布局页面时的各种技巧，使页面具有更大的扩展性。

案例实战：讲解实际开发中使用Drearnweaver软件添加和编辑CSS代码的技巧，包括实际站点的建立、站点结构的规划、页面实例每个部分的制作过程。

学习目标：运用可视化开发软件，完全掌握使用CSS进行页面布局的具体方法和工作过程。

从零开始，细致介绍CSS的语法规则

通过大量范例，学习经典的盒模型、布局技术与网页定位技术

讲解CSS页面布局的原理，分析各种布局的方法和优劣

探讨CSS布局中各种常见的重要问题并提供解决方案

提供最具代表性的博客案例，完整演CSS页面布局的具体步骤和注意事项

探讨并解决主流浏览器的兼容问题，包括IE6.0、IE7.0和Firefox

所有代码和实例遵循W3C规范，完全符合Web 2.0标准

目录

第1篇 CSS布局的相关概念

第1章 CSS的概念

1.1 什么是CSS

1.2 什么是XHTML

1.3 一个使用CSS的简单实例

1.3.1 使用CSS的代码及其显示效果

范例： 制作一个简单的CSS使用实例

1.3.2 哪里是CSS样式

1.4 怎样将CSS应用到网页中

1.4.1 行内添加CSS样式

范例： 一个使用行内添加CSS样式的实例

1.4.2 内嵌式调用CSS样式

范例： 一个使用内嵌式调用CSS样式的实例

1.4.3 链接外部CSS样式

范例： 一个链接外部CSS样式的实例

1.5 关于Web标准

1.5.1 Web标准的概念

1.5.2 内容——信息传递的根本

1.5.3 结构——内容与表现的桥梁

1.5.4 表现——页面吸引力的灵魂

1.6 CSS与网页布局

1.7 CSS与脚本

1.8 CSS与网站优化

1.9 怎样编辑CSS

1.10 CSS网站欣赏

第2章 XHTML基础

2.1 一个最简单的XHTML页面

2.1.1 最简单的XHTML页面的构成

范例： 一个最简单的XHTML页面的实例

2.1.2 不显示的页面内容

范例： 一个XHTML中不显示内容的实例

2.1.3 显示的页面内容

范例： 一个XHTML中显示内容的实例

2.2 页面元素

2.3 元素的属性

范例： 一个在元素中使用属性的示例

2.4 页面整体元素与名字空间

2.5 页面头部元素

2.5.1 定义页面的标题

范例： 一个定义页面标题的实例

2.5.2 定义页面的编码

范例： 一个定义页面文本编码的实例

2.5.3 定义页面的样式

范例： 一个定义页面样式的实例

2.5.4 定义页面使用的外部文件

范例： 一个使用外部文件的实例

2.6 页面主体元素

2.6.1 区域元素

范例： 一个使用

元素的实例

2.6.2 内容元素

范例： 一个使用元素的实例

2.6.3 列表元素

范例： 一个使用列表元素的实例

2.6.4 段落元素

范例： 一个使用段落元素的实例

2.6.5 标题元素

范例： 一个使用标题元素的实例

2.6.6 图像元素

范例： 一个使用图像元素的实例

2.6.7 表单元素

范例： 一个使用表单元素的实例

2.7 XHTML的书写规范

第3章 CSS的语法

3.1 CSS的基本写法

范例： 一个使用CSS样式的实例

3.2 选择符

3.2.1 id选择符

范例： 一个使用id选择符的实例

3.2.2 类选择符

范例： 一个使用类选择符的实例

3.2.3 类型选择符

范例： 一个使用类型选择符的实例

3.2.4 伪类

范例： 一个使用伪类选择符的实例

3.2.5 子选择符

范例： 一个使用子选择符的实例

3.2.6 选择符分组

范例： 一个使用选择符分组的实例

3.2.7 选择符的优先级

范例： 一个关于选择符优先级的实例

3.3 属性

3.4 属性值

3.4.1 长度值

3.4.2 百分比值

3.4.3 颜色值

3.4.4 URL值

3.5 默认值

范例： 一个使用默认值的实例

3.6 继承值

范例： 一个使用继承性的实例

3.7 应用样式的优先级

范例： 一个关于应用样式优先级的实例

第2篇 CSS盒模型和块元素的定位

第4章 CSS控制元素的大小

4.1 盒模型的概念

4.1.1 块元素和内联元素

4.1.2 元素宽度的计算

4.2 元素内容的大小

4.2.1 宽度属性width

范例： 一个使用宽度属性的实例

4.2.2 高度属性height

范例： 一个使用height（高度）属性的实例

4.2.3 内容与宽度、高度属性的关系

范例： 一个元素内容超出元素定义大小的实例

4.2.4 最大宽度属性max-width

范例： 一个使用最大宽度属性的实例

4.2.5 最小宽度属性min-width

范例： 一个使用最小宽度属性的实例

4.2.6 最大高度属性max-height

范例： 一个使用最大高度属性的实例

4.2.7 最小高度属性min-height

范例： 一个使用最小高度属性的实例