精通CSS+DIV网页样式与布局（附赠光盘） pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

前沿科技 编

图书标签:

• CSS
• DIV
• 网页设计
• 网页布局
• 前端开发
• HTML
• 样式
• 光盘
• 教程
• 入门

出版社： 人民邮电出版社

ISBN：9787115163042

版次：1

商品编码：10062511

品牌：数艺社

包装：平装

出版时间：2007-08-01

用纸：胶版纸

页数：449

正文语种：中文

附件：光盘

编辑推荐

　　《精通CSS+DIV网页样式与布局》系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过大量实例对CSS进行深入浅出的分析；着重讲解如何用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时，掌握CSS+DIV的精髓；还详细讲解了其他书中较少涉及的技术细节，最后给出了5个常见类型的完整网页的 综合实例，让读者进一步巩固所学到的知识，提高综合应用的能力。
　　[本书特点]
　　1. 系统的理论基础知识
　　本书系统地讲解了CSS层叠样式表技术在网页设计中各个方面应用的知识，从为什么要用CSS开始讲解，循序渐进，配合大量实例，帮助读者奠定坚实的理论基础，做到知其所以然。
　　2. 大量的技术应用实例
　　书中设置大量应用实例，重点强调具体技术的灵活应用，并且全书结合了作者长期的网页设计制作和教学经验，使读者真正做到学以致用。
　　3. 深入的CSS+DIV布局详解
　　本书用相当的篇幅重点介绍了用CSS+DIV进行网页布局的方法和技巧，配合经典的布局案例，帮助读者掌握CSS最核心的应用技术。
　　4. 高级的混合应用技术
　　真正的网页除了外观表现之外，还需要结构标准语言和行为标准的结合，因此本书还特别讲解了CSS与JavaScript、Ajax和XML的混合应用，这些都是Web 2.0网站中的主要技术，使读者掌握高级的网页制作技术。
　　5. 精选的网页综合实例
　　在本书最后一个部分，还精选了5个常见类型网页综合实例，包括博客网站、小型工作室网站、企业网站、购物网站、旅游网站等，帮助读者总结前面所学知识，综合应用各种技术、方法和技巧，提高读者综合应用的能力。

内容简介

随着Web 2.0的大潮席卷而来，网页标准化CSS+DIV的设计方式正逐渐取代传统的表格布局模式，对CSS的学习也成为设计人员的必修课。
本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过大量实例对CSS进行深入浅出的分析，主要包括CSS的基本语法和概念，设置文字、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS滤镜的使用。着重讲解如何用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时，掌握CSS+DIV的精髓。本书还详细讲解了其他书中较少涉及的技术细节，包括扩展CSS与JavaScript、XML和Ajax的综合应用等内容，指导读者制作符合Web标准的网页，使从事或欲从事网站设计开发专业工作的读者提升技术水平和竞争能力。最后给出了5个常见类型的完整网页的综合实例，让读者进一步巩固所学到的知识，提高综合应用的能力。
本书内容翔实、结构清晰、循序渐进，并注意各个章节与实例之间的呼应和对照，既可作为CSS初学者的入门教材，也适合中高级用户进一步学习和参考。

作者简介

前沿视频教室（www.artech.cn）专注于Web设计和开发领域的研究和教学。通过专业图书和视频课程的方式为广大读者提供内容丰富、清晰易懂的教学内容。在CSS领域出版了《精通CSS+DIV网页样式与布局》和《CSS设计彻底研究》两本图书，均受到了读者的欢迎，成为该领域中的畅销书。

内页插图

目录

第1部分 CSS基础知识篇

第1章 CSS的初步体验
1.1 CSS的概念
1.1.1 标记的概念
1.1.2 传统HTML的缺点
1.1.3 CSS的引入
1.1.4 如何编辑CSS
1.1.5 浏览器与CSS
1.2 使用CSS控制页面
1.2.1 行内样式
1.2.2 内嵌式
1.2.3 链接式
1.2.4 导入样式
1.2.5 各种方式的优先级问题
1.3 体验CSS
1.3.1 从零开始
1.3.2 加入CSS控制
1.3.3 控制图片
1.3.4 CSS的注释
第2章 CSS的基本语法
2.1 CSS选择器
2.1.1 标记选择器
2.1.2 类别选择器
2.1.3 ID选择器
2.2 选择器声明
2.2.1 集体声明
2.2.2 选择器的嵌套
2.3 CSS的继承
2.3.1 父子关系
2.3.2 CSS继承的运用
第3章 用CSS设置丰富的文字效果
3.1 CSS文字样式
3.1.1 字体
3.1.2 文字大小
3.1.3 文字颜色
3.1.4 文字粗细
3.1.5 斜体
3.1.6 文字的下划线、顶划线和删除线
3.1.7 英文字母大小写
3.2 文字实例一：模拟Google公司Logo
3.3 文字实例二：制作页面的五彩标题
3.4 CSS段落文字
3.4.1 段落的水平对齐方式
3.4.2 段落的垂直对齐方式
3.4.3 行间距和字间距
3.4.4 首字放大
3.5 段落实例：百度搜索
第4章 用CSS设置图片效果
4.1 图片样式
4.1.1 图片边框
4.1.2 图片缩放
4.2 图片的对齐
4.2.1 横向对齐方式
4.2.2 纵向对齐方式
4.3 图文混排
4.3.1 文字环绕
4.3.2 设置图片与文字间距
4.4 图文实例：八仙过海
第5章 用CSS设置网页中的背景
5.1 背景颜色
5.1.1 页面背景色
5.1.2 用背景色给页面分块
5.2 背景图片
5.2.1 页面的背景图
5.2.2 背景图的重复
5.2.3 背景图片的位置
5.2.4 固定背景图片
5.2.5 添加多个背景图片
5.2.6 背景样式综合设置
5.3 背景综合一：我的个人主页
5.4 背景综合二：古词《念奴娇?赤壁怀古》
第6章 用CSS设置表格与表单的样式
6.1 控制表格
6.1.1 表格中的标记
6.1.2 表格的颜色
6.1.3 表格的边框
6.2 表格实例一：隔行变色
6.3 表格实例二：鼠标经过时变色的表格
6.4 表格实例三：日历
6.5 CSS与表单
6.5.1 表单中的元素
6.5.2 像文字一样的按钮
6.5.3 七彩的下拉菜单
6.6 综合实例一：直接输入的Excel表格
6.7 综合实例二：模仿新浪网民调查问卷
第7章 用CSS设置页面和浏览器的元素
7.1 丰富的超链接特效
7.1.1 动态超链接
7.1.2 按钮式超链接
7.1.3 浮雕式超链接
7.2 鼠标特效
7.2.1 CSS控制鼠标箭头
7.2.2 鼠标变幻的超链接
7.3 页面滚动条
第8章 用CSS制作实用的菜单
8.1 项目列表
8.1.1 列表的符号
8.1.2 图片符号
8.2 无需表格的菜单
8.3 菜单的横竖转换
8.4 菜单实例一：百度导航条
8.5 菜单实例二：流行的Tab菜单
第9章 CSS滤镜的应用
9.1 滤镜概述
9.2 通道(Alpha)
9.3 模糊(Blur)
9.4 运动模糊(Motion Blur)
9.5 透明色(Chroma)
9.6 下落的阴影(Dropshadow)
9.7 翻转变换(Flip)
9.8 光晕(Glow)
9.9 灰度(Gray)
9.10 反色(Invert)
9.11 遮罩(Mask)
9.12 阴影(Shadow)
9.13 X射线(X-ray)
9.14 浮雕纹理(Emboss和Engrave)
9.15 波浪(Wave)

第2部分 CSS+DIV美化和布局篇

第10章 理解CSS定位与div布局
10.1 div标记与span标记
10.1.1 概述
10.1.2 div与span的区别
10.2 盒子模型
10.2.1 盒子模型的概念
10.2.2 border
10.2.3 padding
10.2.4 margin
10.3 元素的定位
10.3.1 float定位
10.3.2 position定位
10.3.3 z-index空间位置
10.4 定位实例一：轻轻松松给图片签名
10.5 定位实例二：文字阴影效果
第11章 CSS+div布局方法剖析
11.1 CSS排版观念
11.1.1 将页面用div分块
11.1.2 设计各块的位置
11.1.3 用CSS定位
11.2 固定宽度且居中的版式
11.2.1 方法一
11.2.2 方法二
11.3 左中右版式
11.4 块的背景色问题
11.5 排版实例：电子相册
11.5.1 搭建框架
11.5.2 幻灯片模式
11.5.3 详细信息模式
11.6 div排版与传统的表格方式排版的分析
第12章 CSS+div美化与布局实战
12.1 框架搭建
12.2 实例一：蓝色经典
12.3 实例二：清明上河图
12.4 实例三：交河故城
12.5 自动选择CSS样式

第3部分 CSS混合应用技术篇

第13章 CSS与JavaScript的综合应用
13.1 JavaScript概述
13.1.1 JavaScript简介
13.1.2 JavaScript的特点
13.1.3 JavaScript与CSS
13.2 JavaScript语法基础
13.2.1 数据类型和变量
13.2.2 表达式及运算符
13.2.3 基本语句
13.3 实例一：输入时高亮显示的Excel表格
13.4 实例二：由远到近的文字
13.5 实例三：跑马灯特效
13.6 实例四：图片淡入淡出
13.7 实例五：CSS实现PPT幻灯片
13.8 实例六：灯光效果
13.9 实例七：舞台灯光
13.10 实例八：探照灯
13.11 实例九：鼠标文字跟随
第14章 CSS与XML的综合运用
14.1 XML基础
14.1.1 XML的特点
14.1.2 XML与HTML
14.1.3 XML基本语法
14.2 XML链接CSS文件
14.3 XML文字阴影效果
14.4 XML古诗字画
14.5 XML实现隔行变色的表格
第15章 CSS与Ajax的综合应用
15.1 Ajax概述
15.1.1 什么是Ajax
15.1.2 Ajax的关键元素
15.1.3 CSS的重要地位
15.2 Ajax入门
15.2.1 创建XMLHttpRequest对象
15.2.2 发出Ajax请求
15.2.3 处理服务器响应
15.2.4 加入CSS样式
15.3 Ajax实例：能够自由拖动布局区域的网页

第4部分 综合案例篇

第16章 我的博客
16.1 分析构架
16.1.1 设计分析
16.1.2 排版构架
16.2 模块拆分
16.2.1 导航与Banner
16.2.2 左侧列表
16.2.3 内容部分
16.2.4 footer脚注
16.3 整体调整
第17章 小型工作室网站
17.1 分析构架
17.1.1 设计分析
17.1.2 首页排版
17.1.3 内容页构架
17.2 模块拆分
17.2.1 搭建首页
17.2.2 首页图片
17.2.3 内容页面
17.2.4 footer脚注
17.3 整体调整
第18章 企业网站
18.1 分析构架
18.1.1 设计分析
18.1.2 排版构架
18.2 模块拆分
18.2.1 Logo与顶端链接
18.2.2 左侧导航与搜索
18.2.3 主体内容
18.2.4 内容Banner
18.2.5 新闻快递
18.2.6 公司咨询
18.2.7 英文刊物
18.3 整体调整
第19章 网上购物网站
19.1 分析构架
19.1.1 设计分析
19.1.2 排版构架
19.2 模块分析
19.2.1 Banner图片
19.2.2 导航菜单
19.2.3 鲜花导购
19.2.4 主体内容
19.3 整体调整
第20章 旅游网站
20.1 分析构架
20.1.1 设计分析
20.1.2 排版构架
20.2 模块拆分
20.2.1 Banner图片与导航菜单
20.2.2 左侧分栏
20.2.3 中部主体

前言/序言

网页设计不再是难事：精通CSS+DIV，打造响应式、美观的现代网站 在这个数字时代，拥有一个令人印象深刻且功能强大的网站，是个人品牌、企业形象乃至在线业务成功的基石。然而，对于许多 aspiring web designer 而言，掌握网页的视觉呈现和结构布局，特别是 CSS（层叠样式表）和 DIV（division，用于页面结构的划分）的深入应用，仍然是一项挑战。传统上，网页设计过程往往伴随着繁琐的代码和不稳定的布局，尤其是在面对不同设备尺寸和浏览器兼容性时。 《精通CSS+DIV网页样式与布局》 正是为解决这些痛点而生。本书并非浅尝辄止的入门指南，而是深入剖析 CSS 和 DIV 的核心原理与高级技巧，旨在帮助读者从零开始，逐步构建出专业级的、响应式且高度可定制的网页。它将带领您走进一个全新的网页设计世界，让您能够自信地驾驭各种设计理念，并将其转化为精美绝伦的实际网页。 本书的独特价值与内容概览： 本书的编写宗旨在于提供一套完整、系统且极具实践性的学习路径。我们深知，理论知识的堆砌无法替代实际操作的经验。因此，本书在内容设计上，力求将枯燥的代码解释转化为生动形象的设计实践，让您在学习过程中，不仅理解“是什么”，更能掌握“怎么做”，并深入理解“为什么”。 第一部分：CSS 基础与进阶——重塑网页的灵魂 CSS 核心概念的深度解析： 本部分将从最基础的 CSS 语法、选择器、属性和值入手，逐层深入。您将学习到如何精确地定位和修改 HTML 元素，如何理解 CSS 盒模型（Box Model）的工作原理，包括内容（content）、内边距（padding）、边框（border）和外边距（margin）的精确控制，这是实现任何布局的基础。我们将探讨不同选择器的优先级，以及如何有效地避免样式冲突，养成良好的 CSS 编写习惯。 文本样式与排版艺术： 优质的排版是提升网页阅读体验的关键。本书将详细讲解字体（font-family, font-size, font-weight, line-height）、颜色（color, background-color）、文本对齐（text-align）、文本装饰（text-decoration）等属性的运用。更重要的是，您将学习到如何通过 CSS 实现更富创意的排版效果，例如文字描边、阴影、以及字间距和行间距的精细调整，让您的文字在页面上“活”起来。 色彩理论与样式应用： 色彩是网页的灵魂。本书将为您揭示色彩搭配的基本原则，并教授您如何在 CSS 中运用颜色。从十六进制、RGB、RGBA 到 HSL，您将熟练掌握各种颜色表示方式，并学习如何运用背景色、渐变（linear-gradient, radial-gradient）以及透明度（opacity）来增强页面的视觉吸引力。 背景与边框的魔力： 背景图、背景重复、背景定位、背景尺寸等属性，是赋予页面丰富视觉层次的重要工具。本书将指导您如何巧妙运用背景图，以及如何通过 `border` 属性实现各种风格的边框，从简单的实线到复杂的圆角、渐变边框，甚至是多层边框效果。 列表、表格与表单的样式美化： 即使是基础的 HTML 元素，通过 CSS 的巧妙运用，也能焕发新生。本书将展示如何自定义列表样式（list-style-type, list-style-image, list-style-position），如何美化表格（border-collapse, table-layout），以及如何设计出用户友好且具有现代感的表单控件。 CSS 动画与过渡效果： 静态页面已经无法满足现代用户对动态交互的需求。本书将带领您进入 CSS 动画的世界，学习 `transition` 属性实现平滑的属性变化，以及 `animation` 属性配合 `@keyframes` 规则创建复杂的关键帧动画。从简单的鼠标悬停效果到复杂的元素变换，您将能够为您的网站增添动感和趣味。 响应式设计必备：媒体查询（Media Queries）： 在移动互联网时代，响应式设计至关重要。本书将深入讲解媒体查询的语法和应用，教会您如何根据不同的屏幕尺寸、分辨率和设备方向，为网页应用不同的 CSS 样式，确保您的网站在桌面电脑、平板电脑和手机上都能呈现最佳的浏览体验。 第二部分：DIV 布局精髓——搭建网页的骨骼 理解 HTML 结构与 DIV 的作用： 在深入 CSS 布局之前，我们先回顾 HTML 的基本结构，并着重强调 `