精通CSS+DIV网页样式与布局

精通CSS+DIV网页样式与布局 前沿科技著

DIV CSS 前端
浏览人数:258
在读人数:1
读者:
《精通CSS+DIV网页样式与布局》从零开始,细致介绍CSS的语法规则,透彻讲解CSS应用于各种网页元素的步骤和技巧深入剖析,CSS+DIV布局的思路和方法比较,IE和Firefox浏览器对CSS支持的不同效果,扩展CSS与JavaScript,Ajax,XML的综合应用,全面解析5个完整网站的CSS+DIV布局与美化方案,内容丰富的配套网站www.artech.cn。
第1部分 CSS基础知识篇 1   
第1章 CSS的初步体验 3   
1.1 CSS的概念 4   
1.1.1 标记的概念 4   
1.1.2 传统HTML的缺点 5   
1.1.3 CSS的引入 7   
1.1.4 如何编辑CSS 9   
1.1.5 浏览器与CSS 10   
1.2 使用CSS控制页面 11   
1.2.1 行内样式 11   
1.2.2 内嵌式 12   
1.2.3 链接式 13   
1.2.4 导入样式 14   
1.2.5 各种方式的优先级问题 17   
1.3 体验CSS 19   
1.3.1 从零开始 19   
1.3.2 加入CSS控制 21   
1.3.3 控制图片 23   
1.3.4 CSS的注释 26   
第2章 CSS的基本语法 27   
2.1 CSS选择器 28   
2.1.1 标记选择器 28   
2.1.2 类别选择器 29   
2.1.3 ID选择器 34   
2.2 选择器声明 36   
2.2.1 集体声明 36   
2.2.2 选择器的嵌套 38   
2.3 CSS的继承 40   
2.3.1 父子关系 40   
2.3.2 CSS继承的运用 41   
第3章 用CSS设置丰富的文字效果 45   
3.1 CSS文字样式 46   
3.1.1 字体 46   
3.1.2 文字大小 48   
3.1.3 文字颜色 51   
3.1.4 文字粗细 53   
3.1.5 斜体 54   
3.1.6 文字的下划线、顶划线和删除线 55   
3.1.7 英文字母大小写 57   
3.2 文字实例一:模拟Google公司Logo 58   
3.3 文字实例二:制作页面的五彩标题 62   
3.4 CSS段落文字 67   
3.4.1 段落的水平对齐方式 67   
3.4.2 段落的垂直对齐方式 68   
3.4.3 行间距和字间距 71   
3.4.4 首字放大 73   
3.5 段落实例:百度搜索 75   
第4章 用CSS设置图片效果 81   
4.1 图片样式 82   
4.1.1 图片边框 82   
4.1.2 图片缩放 86   
4.2 图片的对齐 87   
4.2.1 横向对齐方式 88   
4.2.2 纵向对齐方式 88   
4.3 图文混排 91   
4.3.1 文字环绕 91   
4.3.2 设置图片与文字间距 93   
4.4 图文实例:八仙过海 93   
第5章 用CSS设置网页中的背景 97   
5.1 背景颜色 98   
5.1.1 页面背景色 98   
5.1.2 用背景色给页面分块 99   
5.2 背景图片 101   
5.2.1 页面的背景图 102   
5.2.2 背景图的重复 103   
5.2.3 背景图片的位置 107   
5.2.4 固定背景图片 110   
5.2.5 添加多个背景图片 112   
5.2.6 背景样式综合设置 113   
5.3 背景综合一:我的个人主页 113   
5.4 背景综合二:古词《念奴娇·赤壁怀古》 118   
第6章 用CSS设置表格与表单的样式 123   
6.1 控制表格 124   
6.1.1 表格中的标记 124   
6.1.2 表格的颜色 127   
6.1.3 表格的边框 127   
6.2 表格实例一:隔行变色 130   
6.3 表格实例二:鼠标经过时变色的表格 132   
6.4 表格实例三:日历 134   
6.5 CSS与表单 139   
6.5.1 表单中的元素 139   
6.5.2 像文字一样的按钮 142   
6.5.3 七彩的下拉菜单 144   
6.6 综合实例一:直接输入的Excel表格 146   
6.7 综合实例二:模仿新浪网民调查问卷 149   
第7章 用CSS设置页面和浏览器的元素 153   
7.1 丰富的超链接特效 154   
7.1.1 动态超链接 154   
7.1.2 按钮式超链接 156   
7.1.3 浮雕式超链接 158   
7.2 鼠标特效 163   
7.2.1 CSS控制鼠标箭头 164   
7.2.2 鼠标变幻的超链接 165   
7.3 页面滚动条 166   
第8章 用CSS制作实用的菜单 169   
8.1 项目列表 170   
8.1.1 列表的符号 170   
8.1.2 图片符号 173   
8.2 无需表格的菜单 175   
8.3 菜单的横竖转换 178   
8.4 菜单实例一:百度导航条 181   
8.5 菜单实例二:流行的Tab菜单 185   
第9章 CSS滤镜的应用 191   
9.1 滤镜概述 192   
9.2 通道(Alpha) 192   
9.3 模糊(Blur) 198   
9.4 运动模糊(Motion Blur) 199   
9.5 透明色(Chroma) 200   
9.6 下落的阴影(Dropshadow) 201   
9.7 翻转变换(Flip) 203   
9.8 光晕(Glow) 205   
9.9 灰度(Gray) 207   
9.10 反色(Invert) 208   
9.11 遮罩(Mask) 209   
9.12 阴影(Shadow) 210   
9.13 X射线(X-ray) 211   
9.14 浮雕纹理(Emboss和Engrave) 212   
9.15 波浪(Wave) 215   
第2部分 CSS+DIV美化和布局篇 219   
第10章 理解CSS定位与div布局 221   
10.1 div 标记与 span 标记 222   
10.1.1 概述 222   
10.1.2 div 与 span 的区别 223   
10.2 盒子模型 224   
10.2.1 盒子模型的概念 225   
10.2.2 border 225   
10.2.3 padding 229   
10.2.4 margin 231   
10.3 元素的定位 238   
10.3.1 float定位 239   
10.3.2 position定位 246   
10.3.3 z-index空间位置 254   
10.4 定位实例一:轻轻松松给图片签名 256   
10.5 定位实例二:文字阴影效果 257   
第11章 CSS+div布局方法剖析 259   
11.1 CSS排版观念 260   
11.1.1 将页面用div分块 260   
11.1.2 设计各块的位置 262   
11.1.3 用CSS定位 262   
11.2 固定宽度且居中的版式 266   
11.2.1 方法一 266   
11.2.2 方法二 268   
11.3 左中右版式 270   
11.4 块的背景色问题 273   
11.5 排版实例:电子相册 276   
11.5.1 搭建框架 277   
11.5.2 幻灯片模式 278   
11.5.3 详细信息模式 282   
11.6 div排版与传统的表格方式排版的分析 284   
第12章 CSS+div美化与布局实战 287   
12.1 框架搭建 289   
12.2 实例一:蓝色经典 293   
12.3 实例二:清明上河图 299   
12.4 实例三:交河故城 305   
12.5 自动选择CSS样式 310   
第3部分 CSS混合应用技术篇 311   
第13章 CSS与JavaScript的综合应用 313   
13.1 JavaScript概述 314   
13.1.1 JavaScript简介 314   
13.1.2 JavaScript的特点 314   
13.1.3 JavaScript与CSS 315   
13.2 JavaScript语法基础 315   
13.2.1 数据类型和变量 317   
13.2.2 表达式及运算符 318   
13.2.3 基本语句 319   
13.3 实例一:输入时高亮显示的Excel表格 323   
13.4 实例二:由远到近的文字 325   
13.5 实例三:跑马灯特效 327   
13.6 实例四:图片淡入淡出 329   
13.7 实例五:CSS实现PPT幻灯片 332   
13.8 实例六:灯光效果 334   
13.9 实例七:舞台灯光 336   
13.10 实例八:探照灯 339   
13.11 实例九:鼠标文字跟随 340   
第14章 CSS与XML的综合运用 345   
14.1 XML基础 346   
14.1.1 XML的特点 346   
14.1.2 XML与HTML 347   
14.1.3 XML基本语法 349   
14.2 XML链接CSS文件 352   
14.3 XML文字阴影效果 353   
14.4 XML古诗字画 356   
14.5 XML实现隔行变色的表格 359   
第15章 CSS与Ajax的综合应用 365   
15.1 Ajax概述 366   
15.1.1 什么是Ajax 366   
15.1.2 Ajax的关键元素 367   
15.1.3 CSS的重要地位 368   
15.2 Ajax入门 370   
15.2.1 创建XMLHttpRequest对象 370   
15.2.2 发出Ajax请求 371   
15.2.3 处理服务器响应 372   
15.2.4 加入CSS样式 372   
15.3 Ajax实例:能够自由拖动布局区域的网页 373   
第4部分 综合案例篇   
第16章 我的博客 383   
16.1 分析构架 384   
16.1.1 设计分析 384   
16.1.2 排版构架 384   
16.2 模块拆分 386   
16.2.1 导航与Banner 386   
16.2.2 左侧列表 388   
16.2.3 内容部分 392   
16.2.4 footer脚注 394   
16.3 整体调整 395   
第17章 小型工作室网站 397   
17.1 分析构架 398   
17.1.1 设计分析 398   
17.1.2 首页排版 399   
17.1.3 内容页构架 400   
17.2 模块拆分 400   
17.2.1 搭建首页 400   
17.2.2 首页图片 403   
17.2.3 内容页面 405   
17.2.4 footer脚注 407   
17.3 整体调整 408   
第18章 企业网站 409   
18.1 分析构架 410   
18.1.1 设计分析 410   
18.1.2 排版构架 411   
18.2 模块拆分 412   
18.2.1 Logo与顶端链接 412   
18.2.2 左侧导航与搜索 414   
18.2.3 主体内容 416   
18.2.4 内容Banner 416   
18.2.5 新闻快递 416   
18.2.6 公司咨询 417   
18.2.7 英文刊物 419   
18.3 整体调整 421   
第19章 网上购物网站 423   
19.1 分析构架 424   
19.1.1 设计分析 424   
19.1.2 排版构架 425   
19.2 模块分析 426   
19.2.1 Banner图片 426   
19.2.2 导航菜单 428   
19.2.3 鲜花导购 429   
19.2.4 主体内容 433   
19.3 整体调整 436   
第20章 旅游网站 437   
20.1 分析构架 438   
20.1.1 设计分析 438   
20.1.2 排版构架 438   
20.2 模块拆分 440   
20.2.1 Banner图片与导航菜单 440   
20.2.2 左侧分栏 441   
20.2.3 中部主体 443   
20.2.4 右侧分栏 446   
20.2.5 脚注(footer) 448   
20.3 整体调整 449   
作者简介
评论