软件频道>程序开发>JavaVBVCDelphiC/C++Web开发微软专栏移动数据库程序人生软件工程|开发客
您现在的位置: 天极网 > 开发频道 > 开发图书馆:CSS完全自学手册
全文

开发图书馆:CSS完全自学手册

2008-09-28 11:35作者:出处:天极网责任编辑:郑重
978-7-111-24410-3  CSS完全自学手册    定价:55元
施迎 等编著
 
本书重点内容概览:
§           介绍CSS基础、滤镜、风格与定位
§           详解CSS核心概念:选择器、盒模型、文档类型
§           介绍CSS技术的来龙去脉、优势与不足
§           全面介绍CSS新增功能,建立正确的网站开发观念
 
本书读者对象:
§           CSS的初学者
§           Web设计和制作人员
§           网页制作爱好者
§           想全面学习网页制作的人员
 
技术交流园地:
§           QQ群:21948169
§           论坛:http://www.rzchina.net
 
 
本书特色
§           涵盖基础知识、核心技术、典型实例、项目案例等内容
§           按照“基本概念"核心语法"典型示例”的模式讲解,容易上手
§           提供180余个典型实例、1个完整案例
 
超值光盘内容
§           本书源代码 + 本书视频演示 + 本书电子教案(PPT)
§           1200余页编程技术文档(免费赠送)+ 45个编程专题视频讲座(免费赠送)
 
 
本书涵盖主题:
§           HTML与CSS概述
§           行内样式表、内部样式表和外部样式表
§           主流网页设计与制作工具的使用
§           利用Dreamweaver编辑CSS
§           裁剪图片与文字等实用的CSS技巧
§           Span与DIV标签
§           CSS设置网页背景、文字外观与对齐方式
§           使用CSS分析专业相册SmoothGallery
§           JavaScript功能范例
§           JavaScript动态设置CSS的方法
§           CSS相关IT背景知识介绍-来龙去脉、优势与不足
§           用于格式化数据的表格标签
§           与浏览者交互的表单标签
§           利用CSS控制打印效果
§           CSS滤镜
§           CSS属性继承
§           DIV+CSS
 
 
 
前言
本书从CSS 2入手,对CSS技术进行了由浅入深的讨论。本书循序渐进,首先介绍了一些HTML和CSS的基本概念,然后对网页中常见的标签如何利用CSS进行了详细介绍。接下来介绍了利用CSS进行网页布局和排版以及利用Dreamweaver进行CSS编辑设计的步骤,分析了一个国外专业相册的样式设计。本书还讲述了JavaScript技术与CSS的关系,最终展望了CSS 3的一些新增功能。
本书详尽地介绍了CSS技术的特点和实现方法,同时,本书并不满足于只介绍CSS各种具体的样式规则写法,因为具体实现是为该项技术产生的目的、需求所服务的。因此,本书在组织与取材方面尽量多地介绍了一些与CSS相关的IT背景知识,让读者能够全面地了解CSS技术的来龙去脉、优势与不足,树立一些正确的网站开发观念,并建立计算机知识的相互联系,形成网络。通过对本书的学习,任何想要使用CSS进行网站开发的人员或者想要一窥CSS面貌的玩家都能有所获益。
 
目     
写给自学编程的人员
前言
第一篇   CSS零基础入门
第1章   CSS概述      1
1.1   CSS是什么 1
1.1.1  什么是Cascade  2
1.1.2   层叠的样式     2
1.1.3   表的作用  2
1.2   CSS的发展历程 3
1.2.1   关于HTML     3
1.2.2   设计HTML的目的 4
1.2.3   HTML的特点  4
1.2.4   CSS的传奇历程     4
1.3   建立网站和浏览网站 5
1.3.1   什么是服务     5
1.3.2   服务的场所     6
1.3.3   创建服务场所—建立网站     6
1.3.4   创建服务内容—网页的上传  7
1.3.5   开启网页发布服务  8
1.3.6   用户浏览网站的过程     9
1.4   CSS在网站开发框架中的地位 10
1.5   制作CSS需要考虑的问题       11
1.5.1   对于不同用户的照顾     11
1.5.2   对于不同浏览器的照顾  12
1.5.3   对于网站浏览速度的关注     12
1.6   小结    13
第2章   CSS初体验  14
2.1   实验一:寻找CSS    14
2.1.1   浏览器与网页的外观     14
2.1.2   找到样式表     15
2.1.3   先模仿后进步  16
2.2   CSS分类及其创建方法    16
2.2.1   CSS的3个种类     16
2.2.2   在Dreamweaver中创建CSS—利用Dreamweaver提供的模板  17
2.2.3   在Dreamweaver中创建CSS—自定义创建  18
2.3   实验二:你的第1个样式表     20
2.3.1   使用行内样式表     20
2.3.2   使用内部样式表     21
2.3.3   使用外部样式表     23
2.3.4   各种样式表的优先级     25
2.4   小结    26
第3章   开启CSS的大门 27
3.1   背景让HTML页面更漂亮       27
3.1.1   控制网页的背景     27
3.1.2   HTML的颜色表示方法  28
3.1.3   如何获取屏幕颜色  30
3.1.4   网页文件的路径     30
3.1.5   控制页面上的文字  33
3.1.6   给文字增加更多效果     35
3.2   文本的排版 35
3.2.1   文本的缩进     36
3.2.2   文本的对齐     37
3.2.3   改变文本字符间距  40
3.2.4   文字的其他设置     41
3.3   关于HTML的链接    43
3.3.1   链接和A标签 43
3.3.2   A标签的实例  44
3.3.3   A标签的几种状态  45
3.4   利用图片丰富HTML外观       45
3.4.1   在网页中插入图片  45
3.4.2   网页中能显示所有图片吗     46
3.4.3   改进图片的显示—给图片镶边     47
3.4.4   防止图片被盗用的一个技巧  48
3.4.5   实验:制作一页包含图文的电子简历  50
3.5   小结    52
第4章   学习一点CSS的语法 54
4.1   再访HTML 54
4.1.1   组成HTML页面的细胞—标签     54
4.1.2   CSS规则的具体写法     54
4.1.3   标签应用CSS规则的具体写法    56
4.1.4   CSS选择器的种类—8种武器      58
4.1.5   伪类  68
4.1.6   伪类的排列顺序     69
4.2   盒模型 70
4.2.1   块元素、内联元素和可变元素     70
4.2.2   盒模型概述     73
4.3   文档类型    74
4.4   小结    75
第5章   组织:熟悉Span与Div     77
5.1   属性与事件 77
5.1.1   什么是属性     77
5.1.2   属性的种类:基本属性、扩展属性     78
5.1.3   什么是事件     79
5.1.4   特别的属性:事件属性  79
5.2   Span是什么       81
5.2.1   Span有名字—ID属性   81
5.2.2   Span的所在班级—Class属性       82
5.2.3   Span的职务—Title属性 85
5.2.4   Span的外貌—Style属性       89
5.2.5   Span的Dir属性     90
5.2.6   Span能说方言—Lang属性    91
5.2.7   鼠标左键发生的事情—OnClick/OnDblClick       92
5.2.8   其他的事件     94
5.3   Div标签     94
5.3.1   Div标签与Span标签的区别 95
5.3.2   Div标签的属性      96
5.4   小结    96
第6章   装载数据的擎天柱—表格  97
6.1   表格的外观与结构    97
6.2   再访盒模型:单元格 99
6.2.1   再访盒模型     99
6.2.2   修改盒子的宽度     99
6.2.3   单元格的重要属性  104
6.3   表格的边框 107
6.3.1   表格边框的两种模式     107
6.3.2   设置边框的颜色、类型、粗细     108
6.3.3   表格边框的其他属性     110
6.3.4   边框样式规则的冲突问题     110
6.4   表格的外边距    111
6.5   表格家族的其他标签 111
6.5.1   行标签     111
6.5.2   表头标签  112
6.5.3   表内容标签     112
6.5.4   表格题目标签  114
6.6   实验:设计并实现颜色交替的表格 114
6.6.1   简单的需求分析     114
6.6.2   代码实现  114
6.6.3   进一步思考     118
6.7   小结    118
第7章   表单      119
7.1   表单家族介绍    119
7.1.1   form标签 119
7.1.2   表单如何提交  120
7.1.3   form标签在浏览器中的外观 120
7.1.4   形形色色的输入标签     121
7.1.5   表单家族各成员标签的特点  124
7.1.6   表单家族各成员标签的事件  125
7.2   表单与样式表    125
7.2.1   清除form标签前后的空白    126
7.2.2   设置丰富背景色的选择框     128
7.2.3   设置input标签的边框   131
7.2.4   动态改变文本输入框的背景  131
7.2.5   关于表单各标签的快捷键     133
7.3   小结    134
第8章   CSS与网页打印  135
8.1   CSS样式中的媒体    135
8.1.1   如何按照媒体类型区分样式  135
8.1.2   不同媒体类型下的样式是否可以共享  136
8.2   实验:制作适合打印的在线报名网页    136
8.2.1   案例背景  136
8.2.2   网页总体设计  137
8.2.3   <fieldset>标签 139
8.2.4   实现报名网页内容的分区     140
8.2.5   实现平面按钮和文本框  141
8.2.6   网页代码实现—打印报名部分     143
8.2.7   精简含有@media设置的样式表   147
8.3   小结    148
第二篇   CSS滤镜、风格与定位
第9章   CSS滤镜介绍      149
9.1   CSS滤镜概述    149
9.1.1   滤镜的编写规范与分类  149
9.1.2   在网页中增加滤镜  150
9.2   透明度的问题:Alpha通道      151
9.2.1   Alpha滤镜的属性设置   151
9.2.2   Alpha滤镜的实际例子   152
9.3   朦胧的美:blur  153
9.4   增加透明色效果(Chroma)    155
9.5   下落的阴影(Drop Shadow)  157
9.6   浮雕纹理(Emboss和Engrave)     158
9.7   给元素增加一些翻转变换(Flip)  159
9.8   关于灰度(Gray)    161
9.9   霓虹灯:设置光晕(Glow)    163
9.10   独特的效果:反色(Invert) 164
9.11   面纱与遮罩(Mask)      165
9.12   运动模糊(Motion Blur) 166
9.12.1   运动模糊滤镜的主要参数   166
9.12.2   不同Blur效果的比较   167
9.13   让元素更立体:增加阴影(Shadow)  169
9.14   X射线效果(XRay)     169
9.15   给文字增加波浪(Wave)     170
9.16   基本图形滤镜(BasicImage)       171
9.17   动态滤镜   174
9.17.1   转移滤镜的种类   175
9.17.2   Barn滤镜      175
9.17.3   动态滤镜的特别写法   177
9.17.4   RevealTrans动态滤镜   177
9.17.5   RevealTrans滤镜在网页切换中的应用      179
9.18   背景滤镜   180
9.18.1   PNG图片格式      180
9.18.2   AlphaImageLoader滤镜       181
9.18.3   Gradient滤镜 181
9.19   小结   182
第10章   CSS风格的继承       183
10.1   有其父必有其子:继承与面向对象      183
10.2   查看继承关系的工具      184
10.3   CSS中的继承   186
10.3.1   文字样式的继承   189
10.3.2   边距的继承   190
10.4   标签的继承性   194
10.5   小结   196
第11章   浮动与定位 197
11.1   浮动属性初探   197
11.1.1   设置Float属性的语法  197
11.1.2   用Float属性设置图文环绕  197
11.2   浮动属性详解   199
11.2.1   文档流    199
11.2.2   浮动属性的特点与实现过程       200
11.2.3   浮动标签的折行显示    201
11.2.4   Float属性的影响范围   203
11.2.5   多幅图片与文字的环绕       204
11.2.6   利用Clear属性清除浮动     207
11.2.7   Float标签的左右逢源   209
11.2.8   Float标签与宽度设定   210
11.2.9   背景边框与Float标签  211
11.3   定位技术   213
11.3.1   定位技术以及它的分类       213
11.3.2   绝对定位       213
11.3.3   相对定位       214
11.3.4   固定定位       215
11.4   小结   217
第12章   层次堆叠与隐藏       218
12.1   使网页变成三维立体的z-index     218
12.1.1   z-index属性简介   219
12.1.2   堆叠上下文(stack context)      221
12.1.3   代码顺序和显示顺序   224
12.1.4   层叠的应用举例   225
12.2   控制标签的显示与隐藏   229
12.2.1   Display属性  229
12.2.2   Visibility属性       230
12.3   小结   232
第13章   利用CSS+Div进行网页布局和排版      233
13.1   表格还是Div    233
13.1.1   利用表格进行网页布局       233
13.1.2   利用Div+CSS进行网页布局      234
13.2   用Div+CSS创建一列式网页布局  234
13.2.1   创建一列式布局   235
13.2.2   代码解读       237
13.2.3   观察与思考:3个问题 238
13.2.4   解决Div内容垂直居中的问题    239
13.2.5   解决IE7浏览器中底部Div突出的问题    241
13.2.6   设置Body居中的技巧 242
13.3   用Div+CSS创建两列式网页布局  243
13.3.1   创建基本的两列式布局       243
13.3.2   设置固定宽度的两列式布局       249
13.4   用Div+CSS创建多列式网页布局  249
13.5   用Div+CSS创建不规则网页布局  255
13.6   小结   256
第三篇   CSS实战布局
第14章   利用Dreamweaver进行CSS设计   257
14.1   Dreamweaver介绍   257
14.1.1   如何获得Dreamweaver CS3 258
14.1.2   Dreamweaver CS3的安装过程    260
14.1.3   Dreamweaver CS3操作界面介绍 260
14.1.4   Dreamweaver CS3的代码编辑技巧    263
14.2   在Dreamweaver中创建CSS   266
14.2.1   创建样式表   266
14.2.2   创建外部样式表   267
14.2.3   创建内部样式表   269
14.2.4   创建行内样式表   270
14.3   在Dreamweaver中详细设置CSS规则  271
14.3.1   设置字体类型       272
14.3.2   设置背景       272
14.3.3   设置块元素样式   273
14.3.4   设置盒模型标签样式   274
14.3.5   设置边框样式       274
14.3.6   设置列表样式       275
14.3.7   设置标签定位       276
14.3.8   设置扩展效果       276
14.3.9   完成CSS设置      277
14.3.10   应用CSS样式规则    279
14.3.11   使用CSS样式范例     280
14.4   小结   281
第15章   页面CSS技巧运用实例   282
15.1   修改滚动条显示效果      282
15.1.1   滚动条的结构       282
15.1.2   通过样式表来修改滚动条的外观       283
15.2   利用Clip属性进行剪裁  284
15.2.1   Clip属性       284
15.2.2   利用Clip属性裁剪图片      284
15.2.3   利用Clip属性创建多彩文字      285
15.2.4   Clip属性值的进一步思考    287
15.2.5   Dreamweaver设置Clip属性的小问题       287
15.3   改变列表的样式      287
15.3.1   列表标签介绍       287
15.3.2   修改列表项的项目符号       289
15.3.3   列表项添加分隔符       292
15.4   实验:利用列表标签创建导航菜单      293
15.4.1   面包屑路径   293
15.4.2   将列表标签转化为行内元素       293
15.4.3   目标导航条的外观       294
15.4.4   目标导航条的要求       295
15.4.5   代码实现I:加入链接与边框     295
15.4.6   代码实现II:增加鼠标划过效果       297
15.5   小结   298
第16章   CSS与JavaScript      299
16.1   JavaScript简介 299
16.1.1   JavaScript的分类  299
16.1.2   一个简单的包含JavaScript的网页     300
16.1.3   JavaScript的作用概述  301
16.2   JavaScript范例 302
16.2.1   利用JavaScript控制浏览器 302
16.2.2   利用JavaScript实现事件处理     303
16.2.3   JavaScript控制浏览器与网页行为     305
16.2.4   利用JavaScript获得系统信息     307
16.2.5   JavaScript通过Cookie记录用户状态 309
16.3   利用JavaScript动态改变页面样式       313
16.3.1   JavaScript间接修改样式     313
16.3.2   JavaScript直接修改样式     315
16.3.3   JavaScript动态修改样式小结     316
16.4   使用JavaScript需要注意的一些问题    317
16.4.1   开启浏览器的JavaScript功能     317
16.4.2   JavaScript在网页中的位置  318
16.4.3   在Dreamweaver中编辑JavaScript     318
16.4.4   深入学习JavaScript的建议 320
16.5   小结   321
第17章   项目学习:SmoothGallery相册剖析      322
17.1   SmoothGallery简介 322
17.1.1   SmoothGallery简介      322
17.1.2   SmoothGallery下载与安装  323
17.1.3   SmoothGallery效果演示      323
17.2   剖析SG2.0的CSS样式  326
17.2.1   演示页面的结构   326
17.2.2   控制页面总体外观—layout.css    328
17.2.3   控制相片的外观—jd.gallery.css   331
17.2.4   SG2.0样式表剖析小结 337
17.3   小结   338
第18章   未来的CSS       339
18.1   现有CSS的不足     339
18.2   CSS3介绍 341
18.2.1   CSS3预览—渐变效果边框  342
18.2.2   CSS3预览—圆角效果  343
18.2.3   CSS3预览—多重背景  344
18.2.4   CSS3预览—文本溢出处理  345
18.2.5   CSS3预览—改变标签大小  348
18.2.6   浏览器与ACID测试    349
18.2.7   发展中的CSS3     352
18.3   小结   352
附录A   HTML 4.0 快速参考   353
附录B   字符实体表  368
附录C   HTML颜色表      375
附录D   CSS快速参考      377
附录E   DOM快速参考    380
相关搜索:
关注此文读者还看过
关于我们|About us|网站律师|天极服务|电子杂志|RSS订阅|加入我们|网站地图
TMG
Copyright (C) 1999-2009 Chinabyte.com, All Rights Reserved 版权所有 天极网络
商务联系、网站内容、合作建议:010-82657868
版权声明 在线提交意见反馈 渝ICP证B2-20030003号
经营性网站备案信息 网警备案 中国网站排名
天极传媒:天极网|比特网|IT专家网|IT商网|52PK游戏网|IT分众