别具光芒CSS网页布局案例剖析

别具光芒CSS网页布局案例剖析是一本CSS网页布局指导手册，由前沿科技的温谦、王觯程等人编著。本书以七大完整案例为线索，紧密围绕在使用CSS+DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍了CSS布局网页的各方面内容和技巧。书中每个案例均由作者原创，讲解时从原型设汁到各个局部细节，逐步拆分讲解，即使是新手，也可以一步步轻松实现css页面布局。另外别具光芒CSS网页布局案例剖析归纳了css＋DIV进行网页布局时易于碰到的种种问题，并在阱解案例时逐一作答，非常适合具备一定HTML和网页设计制作基础的需要使用CSS的爱好者、Web设计人员和开发人员下载阅读。

内容介绍

《别具光芒CSS网页布局案例剖析》全书摒弃了案例书常见的一味罗列步骤，轻视技术原理的做法，把案例作为学习手段，不但侧重讲解CSS盒子模型、标准流、浮动、定位等四大核心技术原理，更侧重讲解如何在实践中应用它们。读者通过案例，既可以掌握CSS的核心技术要点，也可以了解相关技术和工作流程，使读者不但知其然，还知其所以然。此外，本书还结合了流行的CMS内容管理系统，讲解了使用CSS进行模板设计的方法，使读者可以举一反三地掌握为各种内容管理系统设计模板的方法。

别具光芒CSS网页布局案例剖析章节目录

前言

第1章从基础开始

1.1(X)HTML与CSS

1.1.1 DOCTYPE（文档类型）的含义与选择

1.1.2 XHTML与HTML的重要区别

1.1.3 CSS的基本思想

1.1.4 CSS的引入

1.1.5浏览器与CSS

1.2基本CSS选择器

1.2.1理解CSS选择器的思想

1.2.2标记选择器

1.2.3类别选择器

1.2.4 ID选择器

1.3在HTML中引入CSS的方法

1.3.1行内样式

1.3.2内嵌式

1.3.3外部样式表

1.3.4链接式

1.3.5各种方式的优先级问题

1.4动手体验CSS

1.4.1从零开始

1.4.2使用CSS设置标题

1.4.3控制图片

1.4.4设置正文

1.4.5设置整体页面

1.4.6对段落分别进行设置

1.4.7兼容性检查

1.4.8 CSS的注释

1.5网页使用的编辑软件

1.5.1可视化网页制作软件的优点

1.5.2可视化软件的局限性

1.5.3善于使用代码视图的功能

1.6 CSS的复合选择器

1.6.1“交集”选择器

1.6.2“并集”选择器

1.6.3“后代”选择器

1.7 CSS的继承特性

1.7.1继承关系

1.7.2 CSS继承的运用

1.8 CSS的层叠特性

1.9本章小结

第2章摄影师个人网站布局

2.1案例描述

2.2内容分析

2.3 HTML结构设计

2.4原型设计

2.5页面方案设计

2.6布局设计

2.7 CSS技术准备—盒子模型

2.8设置页面的整体背景

2.9制作照片展示区域

2.10设置网页标题的图像替换

2.11 CSS技术准备——定位

2.11.1理解标准文档流

2.11.2认识定位属性

2.11.3绝对定位

2.12设置网页标题的位置

2.13设置网页文本内容

2.14本章小结

第3章生物研究中心网站布局

3.1案例描述

3.2内容分析

3.3原型设计

3.4页面方案设计

3.5 CSS技术准备——盒子的浮动

3.5.1设置浮动

3.5.2浮动的方向

3.5.3使用clear属性清除浮动的影响

3.5.4扩展盒子的高度

3.6布局设计

3.7 CSS技术准备—在CSS中设置边框

3.7.1对不同的边框设置不同的属性值

3.7.2在一行中同时设置边框的宽度、颜色和样式

3.7.3对一条边框设置与其他边框不同的属性

3.7.4同时指定一条边框的一种属性

3.8制作页头部分

3.9制作主体部分

3.9.1主体的左侧部分

3.9.2主要内容区

3.10 CSS技术扩展—扩充布局

3.11本章小结

第4章教育公司网站布局

4.1两列布局

4.2案例描述

4.3内容分析

4.4原型设计

4.5 CSS技术准备——在CSS中使用背景图像

4.5.1设置平铺方式

4.5.2设置背景图像的位置

4.5.3背景的简写

4.5.4图片的固定设置

4.6制作标题图像

4.7 CS3技术准备——实现圆角设计

4.8制作页头部分

4.8.1搭建页头部分的HTML结构

4.8.2页面标题的图像替换

4.8.3顶部菜单

4.8.4主菜单

4.8.5搜索框

4.8.6页头部分的圆角框

4.9制作主体部分

4.9.1结构分析

4.9.2“面包屑”导航

4.9.3设置正文标题

4.9.4设置页脚

4.9.5添加页面内容

4.10本章小结

第5章网上书店布局

5.1案例描述

5.2内容分析

5.3 HTML结构设计

5.4原型设计

5.5页面方案设计

5.5.1配色的技巧

5.5.2切片的技巧

5.6使用滑动门技术制作导航菜单

5.7制作主体部分

5.7.1整体样式设计

5.7.2内容部分的结构分析

5.7.3设置右侧的主要内容列

5.7.4制作左边栏

5.8总结CSS布局的优点

5.9制作可以适应变化宽度的圆角框

5.10 CSS技术扩展——从“网页”到“网站”

5.10.1历史回顾

5.10.2不完善的办法

5.10.3服务器出场

5.10.4 CMS出现

5.10.5具体操作

5.10.6 CMS的弊端

5.11本章小结

第6章汽车服务公司网站布局

6.1案例描述

6.2内容分析

6.3 HTML结构设计

6.4原型设计

6.5页面方案设计与切图

6.6页面布局

6.6.1切片

6.6.2 CSS技术准备——行内元素与块级元素

6.6.3布局

6.6.4制作顶部菜单

6.6.5制作标题图像

6.6.6制作主体部分

6.7实现超链接特效

6.7.1技术准备—设置超链接的CSS样式

6.7.2超链接效果

6.8兼容性检查

6.9本章小结

第7章橘汁仙剑游戏网站(静态)布局

7.1构思设计

7.1.1站点分析定位

7.1.2学习考察同类站点

7.1.3构思规划站点

7.2切片制作和生成

7.2.1切片的制作

7.2.2切片的生成

7.3页面制作

7.3.1整体框架的构建

7.3.2头部的制作

7.3.3首页左侧信息栏的制作

7.3.4首页中部内容栏的制作

7.3.5在页面右侧添加百度搜索

7.3.6在页面右侧添加广告位

7.3.7分类目录中导航的制作

7.3.8文章浏览区域的制作

7.3.9页脚的制作

7.3.10用户面板的制作

7.4本章小结