本书通过精选案例引导读者深入学习，系统地介绍了利用CSS和DIV进行网页样式布局的相关知识和操作方法。全书共21章。第1～5章主要介绍网页样式布局的基础知识，包括基本概念和语法...
电子书
内容简介
本书深入浅出，结合实际案例系统地讲解了使用CSS和DIV进行网页布局的知识和技巧。
全书分为4个部分。第1篇 【css基础篇】主要介绍了CSS的基础知识和网页样式代码的生成方法，以及如何通过CSS设置文本样式、网页图像特效、背景颜色与背景图像等，还对CSS的高级特性进行了讲解。第2篇lCSS+DIV美化和布局篇】主要介绍了CSS定位与DIV布局的核心技术、盒子的浮动与定位等，还通过案例对网页美化与布局进行了系统的分析和讲解。第3篇 【综合应用篇】主要介绍了CSS滤镜，以及CSS 3与HTML、JavaScript、iQuery, XML和Ajax的综合应用方法。第 4篇 【实战篇】选取了热门的购物网站和社交网站进行分析，并以此为基础指导读者完成自己的网站设计。
本书附赠一张DVD多媒体教学光盘，包含与图书内容同步的教学录像，以及本书所有案例的源代码和相关学习资料的电子书、教学录像等超值资源，便于读者扩展学习。
本书内容翔实，结构清晰，既适合CSS和DIV的初学者自学使用，也可以作为各类院校相关专业学生和电脑培训班的教材或辅导用书。
章节目录
- 封面
- 扉页
- 版权
- 前言
- 第1篇 CSS基础篇
- 第1章 CSS的初步体验
- 1.1 CSS的概念
- 1.1.1 网页中标记的概念
- 1.1.2 HTML与CSS的优缺点
- 1.1.3 浏览器对CSS的支持
- 1.2 网页设计中的CSS
- 1.2.1 CSS能做什么
- 1.2.2 CSS的局限性是什么
- 1.3 网站CSS赏析
- 1.3.1 案例1——商务网站CSS样式赏析
- 1.3.2 案例2——游戏网站CSS样式赏析
- 1.4 编写我的第一个CSS样式
- 1.4.1 从零开始
- 1.4.2 加入图片
- 1.4.3 加入CSS代码控制图片
- 1.4.4 CSS的注释
- 1.5 CSS语法书写标准及功能
- 1.5.1 规则块
- 1.5.2 @规则
- 1.5.3 规则集
- 1.5.4 关键字
- 1.5.5 字符串
- 1.5.6 CSS样式标准
- 高手私房菜
- 技巧：Dreamweaver的多种视图方式
- 第2章 CSS样式核心基础
- 2.1 使用CSS选择器
- 2.1.1 标记选择器
- 2.1.2 类别选择器
- 2.1.3 ID选择器
- 2.2 在HTML中调用CSS的方法
- 2.2.1 直接定义CSS样式
- 2.2.2 内嵌式CSS样式
- 2.2.3 链接式CSS样式
- 2.2.4 导入外部CSS样式
- 2.2.5 CSS样式生效的优先级
- 高手私房菜
- 技巧1：使用图形工具创建CSS样式
- 技巧2：CSS字体属性简写规则
- 第3章 网页样式代码的生成方法
- 3.1 从零开始手工编写
- 3.1.1 手工编写HTML文件
- 3.1.2 控制网页内容显示
- 3.2 完整网页代码分析
- 3.2.1 获取网页代码
- 3.2.2 查看网页样式代码
- 3.3 使用Dreamweaver辅助工具创建页面
- 3.4 在Dreamweaver中新建CSS样式
- 3.5 在Dreamweaver中编辑CSS样式
- 3.6 为图像创建CSS样式
- 高手私房菜
- 技巧：复制和粘贴文本的方式
- 第4章 用CSS设置文本样式
- 4.1 样式的参数单位
- 4.2 设置网页文本的基本样式
- 4.2.1 网页文本颜色的定义
- 4.2.2 网页文本字体的定义
- 4.2.3 设置具体文字的字体
- 4.2.4 设置文字的倾斜效果
- 4.2.5 设置文字的加粗效果
- 4.3 设置网页文本的行高与间距
- 4.3.1 设置网页文字的间距
- 4.3.2 设置网页文字行间距
- 4.3.3 设置网页文字段落间距
- 4.4 设置网页文本的对齐方式
- 4.4.1 设置文本的水平对齐方式
- 4.4.2 设置文本的垂直对齐方式
- 4.5 设置文字与背景的颜色
- 4.5.1 使用样式参数进行设置
- 4.5.2 更简洁的解决方案
- 4.6 设置其他网页文本样式
- 4.6.1 英文字母大小写自动转换效果
- 4.6.2 网页文字的装饰效果
- 4.6.3 段落首行缩进效果
- 高手私房菜
- 技巧：标题的图像替换
- 第5章 用CSS设置网页图像特效
- 5.1 设置图片边框
- 5.1.1 图片边框的基本属性
- 5.1.2 为不同的边框分别设置样式
- 5.2 图片缩放功能的实现
- 5.3 图文混排
- 5.3.1 文字环绕
- 5.3.2 设置图片与文字的间距
- 5.4 案例——个人养生网页
- 5.5 设置图片与文字的对齐方式
- 5.5.1 横向对齐方式
- 5.5.2 纵向对齐方式
- 高手私房菜
- 技巧1：解决在浏览器中图片无法显示的问题
- 技巧2：解决图片超出撑破DIV的问题
- 第6章 用CSS设置网页背景颜色与背景图像
- 6.1 设置背景颜色
- 6.2 设置背景图像
- 6.3 设置背景图像平铺
- 6.4 设置背景图像位置
- 6.5 设置固定的背景图像位置
- 6.6 设置图像替换标题
- 6.7 设置滑动门效果的标题
- 高手私房菜
- 技巧：网页文字颜色的搭配技巧
- 第7章 掌握CSS的高级特性
- 7.1 复合选择器
- 7.1.1 “交集”选择器
- 7.1.2 “并集”选择器
- 7.1.3 后代选择器
- 7.2 CSS的继承特性
- 7.2.1 继承关系
- 7.2.2 CSS继承的运用
- 7.3 CSS的层叠特性
- 高手私房菜
- 技巧1：继承性
- 技巧2：组选择器
- 第2篇 CSS+DIV美化和布局篇
- 第8章 CSS定位与DIV布局核心技术
- 8.1 块级元素和行内级元素
- 8.1.1 块级元素和行内级元素的不同
- 8.1.2 DIV元素和Span元素
- 8.2 使用DIV标记与Span标记布局网页级元素
- 8.3 盒子模型
- 8.3.1 盒子模型的概念
- 8.3.2 网页border区域定义
- 8.3.3 网页padding区域定义
- 8.3.4 网页margin区域定义
- 8.4 box类型和display属性
- 8.4.1 HTML元素默认的box类型
- 8.4.2 块级元素和块级box
- 8.4.3 行内级元素和行内级 box
- 8.4.4 插入式box
- 8.5 可视性
- 8.6 案例1——图文层叠效果
- 8.7 案例2——歌曲编辑列表
- 高手私房菜
- 技巧1：什么时候使用Visibility 或者Display 属性
- 技巧2：CSS border的默认值
- 第9章 CSS+DIV盒子的浮动与定位
- 9.1 定义DIV
- 9.1.1 什么是DIV
- 9.1.2 插入DIV
- 9.1.3 DIV的嵌套和固定格式
- 9.2 CSS布局定位
- 9.2.1 浮动定位
- 9.2.2 position定位
- 9.3 盒子的浮动
- 9.4 盒子的定位
- 9.4.1 静态定位
- 9.4.2 相对定位
- 9.4.3 绝对定位
- 9.4.4 固定定位
- 9.5 可视化盒模型
- 9.5.1 盒子模型
- 9.5.2 视觉可视化模型
- 9.5.3 空白边叠加
- 9.6 固定宽度网页剖析与布局
- 9.6.1 网页单列布局模式
- 9.6.2 网页1-2-1型布局模式
- 9.6.3 网页1-3-1型布局模式
- 9.6.4 网页1-((1-2)+1)-1型布局模式
- 9.7 自动缩放网页剖析与布局
- 9.7.1 网页1-2-1型布局模式
- 9.7.2 网页1-3-1型布局模式
- 9.7.3 变宽布局方法总结
- 9.7.4 分列布局背景色的设置
- 高手私房菜
- 技巧1：CSS在容器内定位
- 技巧2：框架中百分比的关系
- 第10章 CSS+DIV美化与布局实战
- 10.1 框架搭建
- 10.2 案例1——企业门户网站
- 10.2.1 设计分析
- 10.2.2 布局分析
- 10.2.3 制作步骤
- 10.3 案例2——时政新闻网站
- 10.3.1 设计分析
- 10.3.2 布局分析
- 10.3.3 制作步骤
- 高手私房菜
- 技巧1：控制网页背景颜色
- 技巧2：控制网页背景图片以及显示方式
- 第3篇 综合应用篇
- 第11章 CSS滤镜的综合应用
- 11.1 使用CSS滤镜
- 11.1.1 Alpha滤镜（透明度滤镜）
- 11.1.2 Blur滤镜（模糊滤镜）
- 11.1.3 MotionBlur滤镜（运动模糊滤镜）
- 11.1.4 Dropshadow滤镜（阴影滤镜）
- 11.1.5 Shadow滤镜（文字阴影滤镜）
- 11.1.6 Flip滤镜（翻转滤镜）
- 11.1.7 Glow滤镜（光晕滤镜）
- 11.1.8 Gray滤镜（灰度滤镜）
- 11.1.9 Invert滤镜（可视化属性翻转滤镜）
- 11.1.10 Xray滤镜（X光滤镜）
- 11.1.11 Mask滤镜（遮罩滤镜）
- 11.1.12 Wave滤镜（波浪滤镜）
- 11.2 CSS 3中其他模块的新增属性
- 11.2.1 @media
- 11.2.2 Columns
- 11.2.3 @font-face
- 11.2.4 Speech
- 11.3 案例1——制作商务类网站
- 11.3.1 设计分析
- 11.3.2 制作步骤
- 11.4 案例2——制作娱乐类网站
- 11.4.1 案例分析
- 11.4.2 制作步骤
- 高手私房菜
- 技巧：使用滤镜控制图片的颜色变化
- 第12章 CSS 3与HTML的综合应用
- 12.1 使用CSS滤镜
- 12.1.1 HTML基本结构
- 12.1.2 HTML基本语法
- 12.2 CSS 3与HTML的结合
- 12.3 案例1——渐变式数据表
- 12.4 案例2——浮雕式链接特效
- 12.5 案例3——网页文字阴影特效
- 12.6 案例4——古文诗画特效
- 高手私房菜
- 技巧1：图片的标题
- 技巧2：去掉了CSS标签的type属性
- 第13章CSS 3与JavaScript的综合应用
- 13.1 JavaScript概述
- 13.1.1 HTML基本结构
- 13.1.2 JavaScript的应用范围
- 13.2 JavaScript的语法基础
- 13.2.1 JavaScript的基本架构
- 13.2.2 JavaScript的基本语法
- 13.2.3 数据类型和变量
- 13.2.4 表达式和运算符
- 13.2.5 基本语句
- 13.3 应用Spry构件
- 13.3.1 HTML 基本结构
- 13.3.2 插入Spry菜单
- 13.3.3 插入Spry选项卡式面板
- 13.3.4 插入Spry折叠式构件
- 13.3.5 插入Spry可折叠面板
- 13.4 案例1——在网页中应用Spry构件
- 13.4.1 设计分析
- 13.4.2 制作步骤
- 13.4.3 案例总结
- 13.5 案例2——制作婚纱摄影网站
- 13.5.1 案例分析
- 13.5.2 制作步骤
- 13.5.3 案例总结
- 高手私房菜
- 技巧：制作弹出信息窗口
- 第14章 CSS 3与jQuery的综合应用
- 14.1 jQuery基础
- 14.1.1 认识jQuery
- 14.1.2 jQuery的优势
- 14.2 jQuery代码的编写
- 14.2.1 搭建jQuery环境
- 14.2.2 编写简单的jQuery功能代码
- 14.2.3 jQuery代码规范
- 14.3 jQuery对象
- 14.3.1 jQuery对象简介
- 14.3.2 jQuery对象的应用
- 14.4 案例——制作幻灯片
- 14.4.1 设计分析
- 14.4.2 制作步骤
- 14.4.3 案例分析
- 高手私房菜
- 技巧1：直接使用谷歌和微软的服务器上的jQuery
- 技巧2：获取最新的Google CDN
- 第15章 CSS 3与XML的综合应用
- 15.1 XML基础
- 15.1.1 XML的特点
- 15.1.2 XML与HTML
- 15.1.3 XML基本语法
- 15.1.4 格式正确的XML文档
- 15.2 XML与CSS的链接
- 15.2.1 使用xml:stylesheet指令
- 15.2.2 使用@import指令
- 15.3 XML与CSS的应用
- 15.3.1 显示学生信息
- 15.3.2 实现隔行变色的表格
- 15.4 案例1——在HTML页面中调用XML数据
- 15.4.1 设计分析
- 15.4.2 制作步骤
- 15.5 案例2——制作企业网站
- 15.5.1 设计分析
- 15.5.2 制作步骤
- 高手私房菜
- 技巧：XML转义字符
- 第16章 CSS与Ajax的综合应用
- 16.1 Ajax简介
- 16.1.1 Ajax的关键元素
- 16.1.2 Ajax的优势
- 16.1.3 实现Ajax的步骤
- 16.1.4 使用CSS的必要性
- 16.2 Ajax应用
- 16.2.1 创建XMLHttpRequest对象
- 16.2.2 发出Ajax请求
- 16.2.3 处理服务器响应
- 16.2.4 使用CSS样式
- 16.3 案例1——使用Ajax实现页面特效
- 16.3.1 设计分析
- 16.3.2 制作步骤
- 16.4 案例2——实现可拖动DIV块
- 16.4.1 设计分析
- 16.4.2 制作步骤
- 高手私房菜
- 技巧1：编码问题
- 技巧2：IE下的reponseXML问题
- 第4篇 实战篇
- 第17章 购物类网站布局分析
- 17.1 淘宝网整体布局分析
- 17.1.1 整体设计分析
- 17.1.2 排版架构分析
- 17.2 制作自己的网站——图书购物网站
- 17.2.1 版面架构分析
- 17.2.2 网站模块组成
- 高手私房菜
- 技巧：固定宽度汉字（词）折行
- 第18章 社交类网站布局分析
- 18.1 开心网整体布局
- 18.1.1 布局结构分析
- 18.1.2 版面架构分析
- 18.1.3 模块组成
- 18.2 制作自己的网站——社交网站
- 18.2.1 版面架构分析
- 18.2.2 网站模块组成
- 高手私房菜
- 技巧：如何减小CSS体积
展开全部
精通CSS+DIV：100%网页样式与布局密码是2014年由人民邮电出版社出版,作者龙马工作室。
版权说明：本电子书已获得正版授权，由出版社通过知传链发行。
得书感谢您对《精通CSS+DIV：100%网页样式与布局密码》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
电子书
本书通过精选案例引导读者深入学习，系统地介绍了利用CSS和DIV进行网页样式布局的相关知识和操作方法。全书共21章。第1～5章主要介绍网页样式布局的基础知识，包括基本概念和语法...
电子书
本书内容包括网站设计基础知识；HTML5基础知识；CSS基本语法知识；CSS选择器；使用CSS设置文本和段落样式、设置图片样式、控制列表样式、设计表单样式、表格样式、定义链接样...
电子书
本书深入浅出，结合实际案例系统地讲解了网页配色的知识和技巧。全书共分为3个部分。第1篇【基础篇】主要介绍了色彩的基础知识、网站色彩的应用、色彩与情感表达，以及网页配色的必备手法...
电子书
本书深入浅出，结合实际案例系统地讲解了使用JavaScript和jQuery进行动态网页设计的知识和技巧。全书分为4个部分。第1篇【JavaScript基础篇】主要介绍了Jav...
电子书
本书以网页前端设计的理论基础与设计实践为前提，结合大量的真实案例，从易到难讲解了网页界面的信息架构、交互布局和视觉表现的方法与技巧。全书共10章内容，其中第1、2章为基础篇，第...
电子书
本书全面展现了DIV+CSS进行网页设计布局的方法，主要包括CSS的基本语法和概念，通过CSS样式表设置文字、图片、背景、表格、表单和菜单等网页元素的方法，通过DIV+CSS进...