论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{WEB标准}《CSS实战手册》Div CSS布局学习书籍!

文章类别:div+css布局 | 发表日期:2008-9-26 11:53:09

  主要介绍了CSS这种强大的设计语言的方方面面,意在使读者能更快速且更专业地从事网站设计和开发工作。本书内容丰富全面、通俗易懂,实战性强,涵盖了CSS的选择器、继续、层叠、格式化、网站导航、浮动布局等技术。每章内容都由易到难,一步一步地建立起一个完整的教程示例,既适合刚刚接触CSS的读者阅读并亲自动手实践,又可以作为网页设计人员,以及CSS专家们的参考书。


  作者:David Sawyer McFarland
  译者:俞黎敏
  电子工业出版社
  预订中 估价 (还未正式上市发行) 点此预订

关于作者和译者:

  DavidcSawyercMcFarland是位于俄勒冈州波特兰的一家网站开发和培训公司即SawyercMcFarlandcMedia,cInc.的总裁.他从1995年开始创建网站,1当时他设计的第一个网站是针对通讯专家的一本在线杂志.他曾经是位于伯克利的加利福尼亚大学和伯克利多媒体研究中心的网站治理员,并对Macworld.com基于CSS驱动的重新设计进行了完整的监控.

  除了创建网站之外,David还是一位作家.培训师和讲师.他在加利福尼亚大学伯克利新闻研究所.电子艺术中心.艺术大学研究院.新媒体非印刷中心,以及波兰国家大学传授网站设计.他给PracticalcWebcDesign.c MXcDeveloper'scJournal. Macworldcmagazine和CreativePro.com撰写关于网站的文章.

俞黎敏(ID:YuLimin,4网名:阿敏总司令)
  现任萨蒂扬软件技术(上海)有限公司项目经理,深入了解电力.电信行业的系统,并负责核心系统的研发与治理工作.开源爱好者,曾经参与满江红开源组织Springc2.0cReference中文翻译的一审与二审工作和Seamc1.2.1cReference中文翻译工作,5并担任CSDN.cCJSDN.cDev2Dev.cMatrix.cJavaWorldTW等Java论坛版主,在各大技术社区推动开源和灵敏开发方面作出了积极的贡献.

书籍目录:

The Missing的荣誉... I
简介.. 1
第1部分:CSS基础知识

第1章:为CSS重新思考HTML. 15

HTML:过去和现在... 15
HTML的过去:一切看起来都好... 16
HTML的现在:CSS的脚手架... 17
为CSS写HTML.. 18
思考布局结构... 18
学习两种新的HTML标签... 18
可以遗忘的HTML. 20
在网站上引导访问者的技巧... 21
Doctype(文档类型)的重要性... 24

第2章:创建样式和样式表.... 27

样式剖析... 27
理解样式表... 30
内部还是外部——如何选择... 30
内部样式表... 30
外部样式表... 31
使用HTML链接一个样式表... 33
用CSS链接一个样式表... 33
教程:创建你的第一个样式... 34
创建一个行内的样式... 35
创建一个内部样式表... 36
创建一个外部样式表... 39

第3章:选择器基础:判定要给什么添加样式.... 43

标签选择器:整体样式... 43
类选择器(class selector):精确控制... 45
ID选择器:非凡的网页元素... 48
给标签内的标签定义样式... 49
HTML族谱... 50
创建派生选择器... 51
给标签群(Group of Tags)定义样式... 53
构造群选择器(Group Selectors)... 53
通用选择器(*)... 54
伪类和伪元素... 54
给链接定义样式... 54
更多的伪类和伪元素... 55
高级选择器... 58
子选择器... 58
邻近同胞... 60
属性选择器(attribute selector)... 60
教程:选择器模型... 61
创建群选择器... 63
创建和应用类选择器... 65
创建和应用ID选择器... 67
创建派生选择器... 68

第4章:利用继续节省时间.... 71

什么是继续... 71
继续怎样使样式表简化并更有效... 72
继续的局限性... 72
教程:继续... 75
一个基本的例子:一级继续... 75
利用继续重新定义整张网页的样式... 76
继续不起作用... 78

第5章:治理多种样式:层叠... 81

样式如何层叠... 82
继续的样式累积... 82
最近的祖先样式胜出... 82
直接应用的样式胜出... 83
一个标签,多个样式... 84
特性:哪种样式胜出... 86
平局修正器:最后一个样式胜出... 87
控制层叠... 89
改变特性... 89
选择性地超越... 89
教程:层叠实战... 91
创建混合样式... 92
结合层叠和继续... 93
征服冲突... 94

第2部分:实用的CSS
第6章:格式化文本.... 99

格式化文本... 99
选择字体... 101
给文本添加颜色... 102
改变字号... 104
使用pixel(像素)... 104
使用Keyword(要害字)、Percentage(百分比)和Em(行长单位)... 105
格式化单词和字母... 108
斜体化和粗体化... 109
大写化... 109
装饰... 110
字母和字间距... 111
格式化整个段落... 112
调整行与行之间的距离... 112
对齐文本... 114
首行缩进和去除页边距... 115
格式化段落的首字母或者首行... 117
给列表定义样式... 117
列表类型... 117
定位项目符号和数字... 120
图形项目符号... 121
教程:文本格式化实战... 123
建立网页... 123
格式化标题和段落... 125
格式化列表... 127
添加最后一笔... 130

第7章:Margin,Padding和Border 133

理解盒模型(Box Model)... 133
用Margin和Padding控制空间... 135
Margin和Padding快捷... 136
边距碰撞... 137
用负数边距去除空格... 138
显示行内和块级方框... 140
添加边框线... 141
Border属性快捷... 143
格式化个别边框线... 143
给背景添加颜色... 145
决定高度(height)和宽度(width)... 146
计算一个方框的实际宽度和高度... 147
用Overflow(溢出)属性控制溢出文本... 148
修复IE 5断裂的盒模型... 150
用浮动元素包围内容... 152
Background(背景),Border(边框线)和Float(浮动)... 154
停止浮动... 155
教程:Margin、Background和Border. 158
控制网页边距(Margin)... 158
调整标签四面的空间... 160
用背景和边框强调文本... 161
创建工具条... 163
修复浏览器Bug. 166
更进一步... 169

第8章:给网页添加图片.... 171

CSS和<img>标签... 171
背景图片... 172
控制重复... 175
定位背景图片... 176
要害字... 177
精确值... 179
Percentage(百分比)值... 179
固定图片... 181
使用background属性的快捷方式... 182
教程:创建相册... 183
给图片装上边框... 184
添加说明... 186
建立相册... 188
添加阴影... 193
教程:使用背景图片... 195
给网页背景添加图片... 196
用图片代替边框... 200
给无序列表使用图片... 201
给工具条添加圆角... 203
创建外部样式表... 206

第9章:装饰网站导航.... 209

选择要定义样式的链接... 209
理解链接状态... 209
锁定特定链接... 211
为链接定义样式... 212
给链接添加下划线... 212
创建按钮... 214
使用图片... 216
创建导航栏... 218
使用无序列表... 218
垂直导航栏... 219
水平的导航栏... 222
高级的链接方法... 227
很大的可点击按钮... 227
CSS型的预载翻转图片... 229
滑动门... 231
教程:给链接定义样式... 233
基本的链接格式... 233
给链接添加背景图片... 235
高亮突显外部链接... 237
标识已访问的网页... 239
创建垂直的导航栏... 239
添加翻转效果并创建“你在此处”的链接... 243
修复IE的bug. 246
从垂直到水平... 247

第10章:格式化表格和表单... 251

正确使用表格... 251
给表格定义样式... 253
添加Padding. 254
调整垂直和水平排列... 254
创建边框... 256
给行和列定义样式... 256
给表单定义样式... 259
HTML表单元素... 260
利用CSS布局表单... 262
教程:给表格定义样式... 264
教程:给表单定义样式... 268

第3部分:CSS布局
第11章:建立基于浮动的布局.... 277

CSS布局如何进行... 277
强大的<div>标签... 278
网页布局类型... 279
浮动布局的基础... 280
给布局应用浮动... 284
浮动所有列... 285
在浮动里面浮动... 286
利用负边距来定位元素... 287
克服浮动问题... 292
清除和保持浮动... 293
创建全高度的列... 297
防止浮动下落... 299
处理Internet Explorer的bug. 302
双边距bug. 302
3px的间隙... 304
其它IE问题... 306
教程:多个列的布局... 307
创建HTML架构... 307
创建布局样式... 308
添加另一列... 309
添加一个“Faux列” 311
固定宽度... 313
教程:负边距布局... 314
居中一个布局... 314
浮动列... 318
最后的调整... 322

第12章:定位网页上的元素.... 325

定位属性如何工作... 326
设置定位值... 328
当绝对定位相对时... 332
何时(以及何处)使用相对定位... 333
堆叠元素... 336
隐藏网页的有些部分... 337
强大的定位策略... 337
在元素内部定位... 339
元素突出方框... 340
给网页布局使用CSS定位... 341
使用固定定位创建CSS型框架... 345
教程:定位网页元素... 350
增强页面横幅... 350
给照片添加说明... 354
布局网页... 357

第4部分:高级的CSS
第13章:用于打印页面的CSS.. 365

Media样式表如何工作?... 365
如何添加媒体样式表... 367
给外部样式表指定媒体类型... 367
在样式表内部指定媒体类型... 368
创建打印样式表... 369
利用!important来使屏显样式失效... 369
重写文本样式... 370
为打印定义背景样式... 371
隐藏不要的页面区域... 373
给打印添加分页符... 374
教程:创建一个打印样式表... 376
去除不需要的网页元素... 376
去除背景并调整布局... 378
重设文本格式... 379
显示logo. 380
显示URL. 380

第14章:改进你的CSS习惯.... 383

添加注释... 383
组织样式和样式表... 384
清楚地给样式命名... 384
使用多个类来节省时间... 385
通过分组来组织样式... 387
使用多个样式表... 388
消除浏览器样式冲突... 390
使用派生选择器... 394
划分网页... 394
标识主体(Body)... 396
治理Internet Explorer的Hack. 398
优先为当代的浏览器设计... 398
用条件注释为IE隔离CSS 399

第5部分:附录

附录A:CSS属性参考.............. 405
附录B:Dreamweaver 8中的CSS...................... 433
附录C:CSS资源........................ 455
索引........................ 463
   
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058