《CSS从入门到精通(第2版)》是2011年化学工业出版社出版的图书,作者是曹方。本书循序渐进地讲述了网页基础知识和CSS布局的实战技术。
基本介绍
- 书名:CSS从入门到精通(第2版)
- 作者:曹方
- ISBN:9787122115805
- 页数:352页
- 出版社:化学工业出版社
- 出版时间:2011年9月1日
- 装帧:平装
- 开本:16开
内容简介
《CSS从入门到精通(第2版)》共分为四篇,书中从基本概念到具体实践、从对网页的认识到製作网页、从使用CSS进行网页局部的设计到进行整个网站的布局製作都进行了详细的阐述,并对具体知识点进行了详细的实例讲解。
《CSS从入门到精通(第2版)》内容丰富,讲解时注重思维方法的转变和提高实际操作能力,以最简单的方法介绍使用CSS进行符合Web标準的网页设计的相关知识和技巧。全书以CSS布局为主体内容,探讨CSS布局的入门知识与网站布局实战技巧、版式布局的细节、浏览器兼容性等,帮助读者改变传统的网站设计思维,进入基于Web标準的网页设计领域。《CSS从入门到精通(第2版)》含有大量实例,详细描述各个CSS属性以及代码编写技巧,方便读者模拟实践。
《CSS从入门到精通(第2版)》适合将要学习或者正在学习使用CSS布局技术的用户阅读,并可作为Web前端代码架构从业人员的参考手册。
编辑推荐
《CSS从入门到精通(第2版)》特色:入门-进阶-实战,轻鬆掌握、100个实例、71个习题、2个案例、12.5小时多媒体教学视频、超值CD-ROM、《CSS从入门到精通(第2版)》教学视频、《CSS从入门到精通(第2版)》原始码、《CSS从入门到精通(第2版)》教学PPT、《CSS从入门到精通(第2版)》练习题答案。
图书目录
第一篇 基础知识篇
第1章 与网页有关的基本概念
1.1 网页的基本构成
1.2 网页的结构设计——HTML与XHTML
1.2.1 认识HTML
1.2.2 认识XHTML
1.2.3 製作一个简单的XHTML网页
1.2.4 XHTML的优势
1.3 CSS入门
1.3.1 感性体验CSS的魅力
1.3.2 CSS的概念
1.3.3 CSS的特点
1.3.4 CSS的优势
1.3.5 发挥CSS的优势
1.4 Web标準
1.4.1 什幺是Web标準
1.4.2 Web标準的构成
1.4.3 Web标準的表现层技术
1.5 使用CSS+DIV建设网站
1.5.1 CSS+DIV的含义
1.5.2 CSS+DIV网站设计的优势
1.6 小结
1.7 习题
第2章 CSS基础知识
2.1 CSS的基本语法
2.1.1 CSS的基本语法构成
2.1.2 一个CSS样式的简单实例
2.2 CSS的选择符
2.2.1 类型选择符
2.2.2 群组选择符
2.2.3 包含选择符
2.2.4 id、class选择符
2.2.5 标籤指定式选择符
2.2.6 组合选择符
2.2.7 伪类和伪对象
2.2.8 通配选择符
2.3 CSS的常用属性及属性值
2.3.1 color颜色属性
2.3.2 常用的CSS长度单位
2.3.3 百分比值
2.3.4 URL路径
2.4 CSS的继承性
2.5 CSS的添加方法
2.5.1 在XHTML标识符里添加CSS
2.5.2 在XHTML头信息标识符里添加CSS
2.5.3 连结样式表
2.5.4 联合使用样式表
2.6 CSS的开发环境
2.6.1 编辑软体
2.6.2 浏览软体
2.7 小结
2.8 习题
第3章 XHTML与JavaScript基础
3.1 XHTML基础知识
3.1.1 XHTML的格式档案
3.1.2 XHTML基本结构
3.1.3 XHTML网页实例
3.2 XHTML的语法构成
3.2.1 XHTML中的标籤
3.2.2 XHTML的标籤属性
3.3 XHTML的语法规範
3.3.1 标籤不能重叠,可以嵌套
3.3.2 XHTML档案一定要有正确的组织格式
3.3.3 标籤名字一定要用小写字母
3.3.4 所有的XHTML元素一定要关闭
3.3.5 独立的一个标籤也要用/〉来结束
3.4 div标籤
3.4.1 什幺是div
3.4.2 理解div
3.4.3 使用div
3.4.4 div的并列与嵌套
3.5 span标籤
3.5.1 什幺是span
3.5.2 span与div的区别
3.6 h1至h6标籤
3.7 列表製作标籤ul、ol、li
3.7.1 ul无序列表
3.7.2 ol有序列表
3.8 p标籤和br标籤
3.8.1 p标籤
3.8.2 br标籤
3.9 img标籤
3.9.1 img标籤的属性
3.9.2 img标籤使用方法
3.10 表单标籤
3.10.1 form标籤
3.10.2 input标籤
3.10.3 分组标籤fieldset、legend
3.11 JavaScript简介
3.12 JavaScript语言基础
3.12.1 插入JavaScript
3.12.2 基本语法
3.12.3 变数和数据类型
3.12.4 语句
3.13 JavaScript的对象及其属性和方法
3.14 事件处理
3.14.1 事件处理的类型
3.14.2 指定事件处理
3.15 小结
3.16 习题
第4章 浏览器的兼容与解析问题
4.1 兼容问题的由来
4.2 需要兼容的常用浏览器
4.3 CSS hack技术
4.3.1 什幺是CSS hack
4.3.2 使用CSS hack
4.4 常用CSS hack方法介绍
4.4.1 禁止IE 6浏览器
4.4.2 仅IE 7识别
4.4.3 仅IE 6识别
4.4.4 仅IE识别
4.4.5 兼容IE 6、IE 7、Firefox浏览器
4.5 CSS hack管理
4.6 IE条件注释功能
4.7 小结
4.8 习题
第二篇 实例製作篇
第5章 使用CSS製作背景
5.1 製作背景颜色
5.2 给元素添加背景图片
5.2.1 指定背景图像
5.2.2 製作重複的背景图像
5.3 製作不动的背景
5.4 给网页添加背景
5.5 製作滚动页面的背景
5.6 综合使用背景
5.7 小结
5.8 习题
第6章 使用CSS布局页面顶部内容
6.1 製作包含文本logo的页面顶部
6.2 製作包含图像logo的页面顶部
6.2.1 製作实例
6.2.2 兼容问题
6.3 製作包含文本banner的页面顶部
6.3.1 图片logo的定位
6.3.2 定义捷径的文本样式
6.3.3 定义段落文本banner样式
6.4 製作包含图像banner的页面顶部
6.5 小结
6.6 习题
第7章 使用CSS製作网站导航
7.1 製作一个简单的横向文字导航条
7.2 製作方块导航条
7.3 製作标籤式导航
7.4 製作按钮导航条
7.5 CSS盒模型及盒模型hack
7.5.1 盒模型尺寸
7.5.2 盒模型hack
7.5.3 简单盒模型hack方法
7.6 製作会动的长城形导航条
7.7 製作基于背景控制的导航条
7.8 製作左右自由伸展的导航条
7.8.1 九宫格技术原理
7.8.2 製作自由伸展的导航条实例
7.9 製作一个简单的纵嚮导航条
7.9.1 使用ul、li列表标籤製作导航条
7.9.2 使用div+h1标籤製作
7.10 製作分行导航条
7.11 製作增亮导航条
7.12 製作动感的导航条
7.13 製作下拉式导航条
7.13.1 製作实例
7.13.2 兼容问题
7.14 製作多级弹出导航条
7.14.1 製作实例
7.14.2 兼容问题
7.15 小结
7.16 习题
第8章 使用CSS製作列表
8.1 製作新闻列表
8.1.1 製作实例
8.1.2 兼容问题
8.2 製作排行榜
8.3 製作自定义图片项目符号的列表
8.3.1 使用列表符号样式属性製作列表
8.3.2 使用背景图片属性製作列表符号
8.3.3 兼容问题
8.4 使用CSS改变列表排版
8.5 列表缩进排版
8.5.1 製作实例
8.5.2 兼容问题
8.6 複杂列表排版
8.6.1 overflow属性语法结构
8.6.2 製作实例
8.6.3 兼容问题
8.7 小结
8.8 习题
第9章 使用CSS製作表单
9.1 製作登录表单
9.1.1 label标籤语法结构
9.1.2 製作登录表单实例
9.1.3 兼容问题
9.2 製作用户注册表单
9.2.1 製作页面的XHTML代码
9.2.2 製作页面的CSS样式
9.3 製作符合W3C标準的表单
9.3.1 製作页面的XHTML代码
9.3.2 製作页面的CSS样式
9.3.3 兼容问题
9.4 小结
9.5 习题
第10章 使用CSS製作内容的版式
10.1 製作分栏的文字排版
10.2 製作图文混合排版
10.2.1 图文混排基本方式
10.2.2 製作网站图文混排版式的实例
10.3 製作全图排版的实例
10.3.1 自由浮动布局
10.3.2 其他显示方式布局
10.4 小结
10.5 习题
第11章 使用CSS製作连结样式
11.1 製作Windows风格样式的CSS按钮
11.1.1 仿Windows经典样式的CSS按钮
11.1.2 仿Windows XP风格的CSS按钮
11.2 製作仿按钮下陷效果的实例
11.3 麵包屑导航连结
11.3.1 製作实例
11.3.2 兼容问题
11.4 小结
11.5 习题
第12章 使用CSS製作数据表格
12.1 製作基本的数据表格
12.1.1 表示数据的表格对象标籤
12.1.2 使用表格标籤製作表格
12.1.3 使用CSS修饰表格样式
12.2 製作CSS风格的数据表格
12.2.1 表格对象标籤属性
12.2.2 CSS属性text-transform
12.2.3 製作数据表格实例
12.3 小结
12.4 习题
第13章 使用CSS製作页面底部内容
13.1 製作文本信息的页面底部内容
13.1.1 a标籤的title属性
13.1.2 製作包含文本信息的页面底部XHTML结构代码
13.1.3 製作页面的CSS样式
13.1.4 兼容问题
13.2 製作包含导航连结的页面底部内容
13.2.1 製作包含导航连结页面底部的XHTML代码结构
13.2.2 製作页面的CSS样式
13.3 製作包含图像友情连结的页面底部内容
13.3.1 製作页面底部的XHTML结构
13.3.2 製作页面的CSS样式
13.4 小结
13.5 习题
第三篇 整体布局篇
第14章 CSS基本布局
14.1 一列固定宽度
14.2 一列宽度自适应
14.3 一列居中
14.4 二列固定宽度
14.5 二列宽度自适应
14.6 两列右列宽度自适应
14.7 两列固定宽度居中
14.8 三列浮动中间列宽度自适应
14.9 高度自适应
14.10 小结
14.11 习题
第15章 CSS整体布局的实现
15.1 顶行三列布局的实现
15.1.1 製作思路
15.1.2 製作顶部三列式布局实例
15.2 多区域不规则布局
15.2.1 製作思路
15.2.2 製作多区域不规则布局的实例
15.3 小结
15.4 习题
第16章 使用Dreamweaver製作页面的实例
16.1 框架设计
16.1.1 页面分析
16.1.2 框架製作
16.1.3 切图
16.2 布局设计
16.2.1 页面顶部布局设计
16.2.2 页面中上部的布局设计
16.2.3 页面中下部的布局设计
16.2.4 页面底部的布局设计
16.3 模组设计
16.3.1 快速导航製作
16.3.2 “麵包屑”製作
16.3.3 数据表格製作
16.3.4 图片排版
16.4 兼容性测试
16.5 小结
16.6 习题
第四篇 综合套用篇
第17章 部落格类网页布局设计
17.1 页面布局和规划
17.1.1 界面设计分析
17.1.2 规划页面布局
17.2 CSS结构设计与整体布局设计
17.2.1 CSS结构设计
17.2.2 整体布局设计
17.3 页面头部布局设计
17.3.1 製作头部的结构代码
17.3.2 编写头部的CSS代码
17.4 日誌部分的布局设计
17.4.1 製作日誌部分的结构代码
17.4.2 编写日誌部分的CSS代码
17.5 边栏区域的布局设计
17.5.1 製作边栏区域的结构代码
17.5.2 编写右边栏区域的CSS代码
17.6 页面底部的布局设计
17.6.1 製作底部的结构代码
17.6.2 编写底部的CSS代码
17.7 小结
第18章 企业类网页布局设计
18.1 页面布局和规划
18.1.1 界面设计分析
18.1.2 规划页面布局
18.2 CSS结构设计与整体布局设计
18.2.1 CSS档案结构设计
18.2.2 首页布局设计
18.3 页面头部布局设计
18.3.1 製作头部的结构代码
18.3.2 编写头部的CSS样式
18.4 页面banner区域的布局设计
18.4.1 製作banner区域主体的布局设计
18.4.2 製作banner区域各个元素的布局设计
18.5 页面主内容区的布局设计
18.5.1 製作页面主内容区结构
18.5.2 编写CSS样式
18.6 频道页面布局设计概述
18.7 小结