正版新书]DiVCSS网页样式与布局从入门到通刘西杰夏晨 著9787115

章怎样开发设计网站

1.1网站开发设计需要什么

1.1.1需要HTML文件

1.1.2需要Div来布局

1.1.3需要CSS来定义样式

1.1.4需要JavaScript

1.2通过Dreamweaver开发Div+CSS

1.2.1通过Dreamweaver在HTML页面里插入Div

1.2.2Dreamweaver的CSS代码支持

1.3一个简单的网页需要包含什么

1.3.1head部分

1.3.2body部分

1.3.3编写注释

第2章HTML入门基础

2.1HTML标签

2.1.1段落标签

2.1.2文本标签

2.1.3超链接标签

2.1.4图像标签

2.1.5表格标签

2.2HTML5简介

2.2.1HTML5基础

2.2.2向后兼容

2.2.3更加简化

2.2.4HTML5语法中的3个要点

2.3新增的主体结构元素

2.3.1实例应用——article元素

2.3.2实例应用——section元素

2.3.3实例应用——nav元素

2.3.4aside元素

2.4新增的非主体结构元素

2.4.1实例应用——header元素

2.4.2实例应用——hgroup元素

2.4.3实例应用——footer元素

2.4.4实例应用——address元素

第3章CSS样式设计基础

3.1初识CSS

3.1.1CSS基本语法

3.1.2添加CSS的方法

3.1.3设计个实例

3.2CSS选择器

3.2.1CSS选择器概述

3.2.2标签选择器

3.2.3类选择器

3.2.4ID选择器

3.2.5伪类选择器和伪元素

3.2.6群组选择器

3.2.7相邻选择器

3.2.8通用选择器

3.3CSS属性和属性值

3.3.1CSS属性

3.3.2CSS单位

3.3.3设置颜色

第4章使用CSS设置文本和段落样式

4.1字体属性

4.1.1字体font-family

4.1.2字号font-size

4.1.3字体风格font-style

4.1.4字体加粗font-weight

4.1.5字体变形font-variant

4.2段落属性

4.2.1单词间隔word-spacing

4.2.2字符间隔letter-spacing

4.2.3文字修饰text-decoration

4.2.4垂直对齐方式vertical-align

4.2.5文本转换text-transform

4.2.6水平对齐方式text-align

4.2.7文本缩进text-indent

4.2.8文本行高line-height

4.2.9处理空白white-space

4.2.10文本反排unicode-bidi、direction

4.3实例应用

4.3.1控制文本的行高和间隔

4.3.2实现文本垂直居中

第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.3实例应用

5.3.1鼠标经过图片显示文字

5.3.2鼠标移上改变图片透明度

5.3.3将正方形图片显示为圆形图片

5.3.4多图排列展示放大特效

第6章使用CSS控制列表样式

6.1有序列表

6.1.1有序列表标签<ol>

6.1.2有序列表的序号类型type

6.1.3有序列表的起始数值start

6.2无序列表

6.2.1无序列表标签<ul>

6.2.2无序列表的类型type

6.2.3目录列表标签<dir>

6.2.4定义列表标签<dl>

6.2.5菜单列表标签<menu>

6.3实例应用

6.3.1设计背景变换的导航栏目

6.3.2设计横向导航菜单

6.3.3竖排导航

6.3.4设计网页下拉菜单

6.3.5商品列表分类可右侧展开详细分类

6.3.6CSS网页导航条

第7章使用CSS设计表单样式

7.1表单form

7.1.1程序提交action

7.1.2表单名称name

7.1.3传送方法method

7.1.4编码方式enctype

7.1.5目标显示方式target

7.2插入表单对象

7.2.1文字字段text

7.2.2密码域password

7.2.3单选按钮radio

7.2.4复选框checkbox

7.2.5普通按钮button

7.2.6提交按钮submit

7.2.7重置按钮reset

7.2.8图像域image

7.2.9隐藏域hidden

7.2.10文件域file

7.3菜单和列表

7.3.1下拉菜单

7.3.2列表项

7.4表单样式实例

7.4.1定义背景样式

7.4.2设置输入文本的样式

7.4.3下画横线代替文本框特效

7.4.4随鼠标单击换色的输入框

7.4.5文本框中只能输入数字

第8章使用CSS设计表格样式

8.1创建表格

8.1.1表格的基本构成table、tr、td

8.1.2设置表格的标题caption

8.2设置表格基本属性

8.2.1设置表格宽度width

8.2.2设置表格高度height

8.2.3设置表格对齐方式align

8.3设置表格的属性

8.3.1表格的边框宽度border

8.3.2表格边框颜色bordercolor

8.3.3设置表格阴影

8.3.4设置表格的渐变背景

8.4实例应用

8.4.1变换背景色的表格

8.4.2表格隔行换色特效

8.4.3dldtdd实现表格布局

8.4.4鼠标经过时改变表格行的颜色

8.4.5CSS用虚线美化表格的边框

第9章使用CSS定义链接样式

9.1链接样式设置基础

9.1.1光标属性cursor

9.1.2定义下画线样式text-decoration

9.1.3未访问过的链接a:link

9.1.4鼠标悬停时状态a:hover

9.1.5已访问超链接样式a:visited

9.1.6超链接的激活样式a:active

9.2实例应用

9.2.1不同的鼠标显示样式

9.2.2向链接添加不同的样式

9.2.3按钮式超链接

9.2.4翻转式超链接

9.2.5设计导航菜单

0章CSS中的滤镜

10.1滤镜概述

10.2动感模糊

10.3对颜色进行透明处理

10.4设置阴影

10.5对象的翻转

10.6发光效果

10.7X光片效果

10.8波形滤镜

10.9遮罩效果

1章Div+CSS布局入门

11.1认识盒模型

11.2外边距

11.2.1上外边距margin-top

11.2.2右外边距margin-right

11.2.3下外边距margin-bottom

11.2.4左外边距margin-left

11.3内边距

11.3.1上内边距padding-top

11.3.2右内边距padding-right

11.3.3下内边距padding-bottom

11.3.4左内边距padding-left

11.4边框

11.4.1边框样式border-style

11.4.2边框宽度border-width

11.4.3边框颜色border-color

11.4.4边框属性border

11.5CSS布局理念

11.5.1将页面用Div分块

11.5.2设计各块的位置

11.5.3用CSS定位

2章用CSS定位控制网页布局

12.1position定位

12.1.1绝对定位absolute

12.1.2固定定位fixed

12.1.3相对定位relative

12.2浮动定位

12.2.1float属性

12.2.2浮动布局的新问题

12.2.3清除浮动clear

12.3定位层叠

12.3.1层叠顺序

12.3.2简单嵌套元素中的层叠定位

12.3.3包含子元素的复杂层叠定位

12.4常见布局类型

12.4.1一列固定宽度

12.4.2一列宽度自适应

12.4.3两列固定宽度

12.4.4两列宽度自适应

12.4.5两列右列宽度自适应

12.4.6三列浮动中间宽度自适应

12.5实例应用

12.5.1带有边框和边界的图像浮动于文本右侧

12.5.2创建水平菜单

3章移动网页设计基础CSS3

13.1边框

13.1.1圆角边框border-radius

13.1.2边框图片border-image

13.1.3边框阴影box-shadow

13.2背景

13.2.1背景图片尺寸background-size

13.2.2背景图片定位区域background-origin

13.2.3背景绘制区域background-clip

13.3文本

13.3.1文本阴影text-shadow

13.3.2强制换行word-wrap

13.3.3文本溢出text-overflow

13.3.4文字描边text-stroke

13.3.5文本填充颜色text-fill-color

13.4多列

13.4.1创建多列column-count

13.4.2列的宽度column-width

13.4.3列的间隔column-gap

13.4.4列的规则column-rule

13.5转换

13.5.1移动translate()

13.5.2旋转rotate()

13.5.3缩放scale()

13.5.4扭曲skew()

13.5.5矩阵matrix()

13.6过渡

13.7动画

13.7.1@keyframes规则声明动画

13.7.2animation使用动画

13.8用户界面

13.8.1boxsizing

13.8.2resize

13.8.3outlineoffset

13.9实例应用

13.9.1鼠标放上去显示全部内容

13.9.2美观的图片排列

4章CSS与JavaScript应用

14.1JavaScript概述

14.1.1JavaScript简介

14.1.2JavaScript放置位置

14.2JavaScript基本语法

14.2.1变量

14.2.2数据类型

14.2.3表达式和运算符

14.2.4函数

14.2.5注释

14.3JavaScript程序语句

14.3.1if…else语句

14.3.2for语句

14.3.3switch语句

14.3.4while循环

14.3.5break语句

14.3.6continue语句

14.4JavaScript的事件

14.4.1onClick事件

14.4.2onChange事件

14.4.3onSelect事件

14.4.4onFocus事件

14.4.5onLoad事件

14.4.6onUnload事件

14.4.7onBlur事件

14.4.8onMouseOver事件

14.4.9onMouseOut事件

14.4.10onDblClick事件

14.4.11其他常用事件

14.5浏览器的内部对象

14.5.1navigator对象

14.5.2document对象

14.5.3windows对象

14.5.4location对象

14.5.5history对象

14.6实例应用

14.6.1显示当前时间

14.6.2当鼠标指针经过图像时图像震动效果

14.6.3自动切换图像

5章企业网站设计

15.1企业网站设计概述

15.1.1企业网站分类

15.1.2企业网站主要功能栏目

15.2网站内容分析

15.3HTML结构设计

15.4方案设计

15.5定义整体样式

15.6制作页面顶部

15.6.1页面顶部的结构

15.6.2定义页面顶部的样式

15.7制作左侧导航

15.7.1制作左侧导航部分的结构

15.7.2定义左侧导航的样式

15.8制作联系我们部分

15.8.1联系我们部分的结构

15.8.2定义联系我们内容的样式

15.9制作企业介绍部分

15.9.1制作企业介绍部分结构

15.9.2定义企业介绍部分的样式

15.10制作图片展示和新闻动态

15.10.1制作页面结构

15.10.2定义页面样式

15.11制作订购部分

15.11.1制作页面结构

15.11.2定义样式

15.12制作底部部分

15.13网站的上传

6章移动网站设计

16.1移动网站设计概述

16.1.1什么是移动网站设计

16.1.2移动网站设计的原则

16.1.3怎样开始移动网页设计

16.2移动网站设计的注意事项

16.3制作网站页面

16.3.1网页HTML整体结构

16.3.2新建手机网页

16.3.3新建CSS样式表

16.3.4制作header部分

16.3.5制作about部分

16.3.6制作工程案例部分

16.3.7制作设计师部分

16.3.8制作联系我们部分

16.3.9制作底部部分

16.4维护网站

16.5网站的推广

16.5.1登录搜索引擎

16.5.2交换广告条

16.5.3登录网址导航站点

16.5.4通过BBS宣传

16.5.5聊天工具推广网站

16.5.6使用博客推广

16.5.7使用传统方式推广

附录CSS浏览器兼容性与常见技巧解答

问题1上下margin重合

问题2margin加倍的问题

问题3浮动IE产生的双倍距离

问题4超链接访问后hover样式不出现

问题5IE6对png的透明度支持问题

问题6行内元素上下margin及padding不拉开元素间距

问题7浮动背景

问题8如何正确对齐文本

问题9超链接访问过后hover样式就不出现的问题

问题10list-style-image无法准确定位的问题

问题11如何垂直居中文本

问题12为什么无法定义1px左右高度的容器

问题13怎样使一个层垂直居中于浏览器中

问题14能给某部分内容加边框吗

问题15如何去掉下画线

问题16如何垂直居中文本

问题17如何让Div横向排列

问题18怎样设置滚动条颜色

问题19字体大小定义不同

问题20innerText在IE中能正常工作，但在FireFox中却不行

问题21ul和ol列表缩进问题

问题22IE与宽度和高度的问题

问题23Div浮动，IE文本产生3px的bug

本书是集体的结晶，参加本书编写的人员均为从事网页教学工作的教师和商业网站建设经验的网页设计师，有着丰富的教学经验和网页设计经验。由于时间所限，书中疏漏之处在所难免，恳请广大读者朋友批评指正。

本书系统地介绍了 CSS 样式基础理论和实际应用技术，并通过实例，使初学者能够全面、快速地掌握Div+CSS 网页布局的方法和技巧。
全面详尽 ，实战精通
精选案例贯穿全书，详尽介绍Div+CSS布局理论知识和实操技能。
循序渐进 ，疑难解答
全面归纳 Div+CSS网页样式设计与布局过程中的各种疑难问题。
紧跟趋势
兼顾HTML5、CSS3和移动网站设计，掌握全新的网页制作技术。
配备课件 ，便于总结
随书附赠PPT电子课件，便于老师课堂教学和学生把握知识要点。