分享
 
 
 

CSS实战精粹

CSS实战精粹  点此进入淘宝搜索页搜索
  特别声明:本站仅为商品信息简介,并不出售商品,您可点击文中链接进入淘宝网搜索页搜索该商品,有任何问题请与具体淘宝商家联系。
  參考價格: 点此进入淘宝搜索页搜索
  分類: 图书,计算机/网络,程序设计,HTML XML ,

作者: (美)克拉夫特,(美)劳埃德,(美)罗宾著,李方进译

出 版 社: 电子工业出版社

出版时间: 2008-3-1字数: 574000版次: 1页数: 376印刷时间: 2008/01/01开本:印次:纸张: 胶版纸I S B N : 9787121055720包装: 平装编辑推荐

CSS三剑客之技巧之剑,三大Web设计师倾力打造。诠释最佳CSS页面布局,助您架构可维护、可重复使用,可兼容的实用站点,磨砺您的Web2.0设计之剑。

CSS实战精粹

亲爱的读者:

我们写本书的目的是给你们提供一系列现代、有效的CSS技术。在网络开发的整个过程中,使用这些技术可以让你事半功倍。你并不需要充分了解基于网络开发的优点因为你早就知道了,你只需要知道CSS的基本原理。不过,我们的重点在于应用情境,以及我们在本书中提到的每一项技术的实际应用。

本书中的技术主要集中在以下几个方面:

可维护性:将代码组织好,不需要很多时间来维护。

兼容性:能兼容于不同的浏览器;在必须需要hack时,能使用hack。

可重复使用性:充分运用你的样式和遗传性;使用可靠的技术。

实用性:不要局限于任保理想目标;使用任何实用的技术,以后你可以再进行优化。

细节方面,我们还提到了优先级和级联,hack和滤器(以及如何尽可能不使用它们),有效地代码维护和优化,高级选择符和规则,高级的样式设计和布局技术,创建一般页面元素,疑难问题解答,等等。对于现代开发者来说,本书是无价的,对此我们充满信心。因此,亲爱的读者们,尽情的享受本书吧,它一定不会让你们失望!

内容简介

本书提供了一系列现代的、高效的CSS技术,囊括了CSS工作原理的所有细节,主要介绍了能够在项目中使用的具体CSS设计技巧,包括优先级和级联,hack和滤器(以及如何尽可能不使用它们),有效地代码维护和优化,高级选择符和规则,高级的样式设计和布局技术,创建一般页面元素,疑难问题解答,等等。本书的技术主要集中于如何创建可维护、可重复使用、可兼容的实用网站。

本书适用于那些为一般人群设计专业站点的网络开发者和程序设计者,以及对(X)HTML和CSS有基本理解并希望能更上一层楼的人群。

作者简介

Jeff Croft,网页和图形设计师,致力于基于网络标准的开发。目前居住并就职于堪萨斯州的劳伦斯。作为一名world Online的高级设计师,Jeff工作于多家极负盛名的标准化网站,如:http://lawrence.corn和http://LJWorld.com他还拥有非常受欢迎的私人博客和个人站点:http://jeffcroft.com那里面有很多关于各个主题的文章,如现代网页和图形设计等。

除此之外,Jeff还在两所有名的大学任教,向学生们传授网络标准。同时,他还是一位自由撰稿人,完成了许多不同委托人委托的写作任务。他的兴趣爱好广泛,不在电脑上耗着的时候,他喜欢摄影,听音乐,看电影、电视,或是在郊外度过一个宁静的夜晚。

目录

作者简介

技术评论员简介

致谢

导言

第1章 CSS的目标

1.1 使用CSS制作样式的优势

1.2 语义化(x)HTML:有意义的标记

1.2.1 什么是语义化标记

1.2.2 编写语义化标记在现实中对你有什么帮助

1.2.3 创建富含语义的(x)HTML标记

1.2.4 避免使用非结构性标签

1.2.5 避免“Divitis”和“Classitis”

1.3 选择你的标记语言和DOCTYPE

1.3.1 HTML对XHTML:决定的重要性

1.3.2 DOCTYPE:最被低估的标签

1.4 现代Web文档的三层结构

1.5 总结

第2章 样式表语言

2.1 为文档增添样式

2.1.1标签

2.1.2 使用多个样式表

2.1.3 style元素

2.2 创建样式表

2.3 声明

2.4 选择符

2.4.1 元素选择符

2.4.2 类选择符

2.4.3 ID选择符

2.5 (X)HTML的家族树

2.5.1 后代选择符

2.5.2 子元素选择符

2.5.3 相邻选择符

2.6 特性选择符

2.6.1 存在的特性

2.6.2 具体属性值

2.6.3 部分属性值

2.6.4 特定属性选择符

2.7 伪类和伪元素

2.7.1 伪类

2.7.2 伪元素

2.8 选择符的串联

2.9 选择符分组

2.10 总结

第3章 优先级和级联

3.1 选择符

3.1.1 选择符:简单和组合

3.1.2 通配选择符:“*”

3.1.3 元素选择符

3.1.4 后代选择符、子元素选择符和相邻选择符

3.1.5 伪类选择符

3.1.6 链接和动态伪类:让人又爱又恨

3.1.7 伪元素

3.2 级联:计算优先级

3.2.1 CSS 2.1规范对级联的描述

3.2.2 翻译规范

3.2.3 保持评分

3.2.4 几个实例

3.2.5 理解评分机制

3.2.6 级联、行内样式和!important对评分的影响

3.2.7 实例

3.3 总结

第4章 浏览器

4.1 历史回顾

4.2 标准的迁移

4.3 当前(桌面)浏览器概况

4.3.1 Firefox

4.3.2 Safari

4.3.3 Opera

4.3.4 Intemet Explorer

4.3.5 其他浏览器

4.4 如何应对旧的桌面浏览器

4.4.1 浏览器分级支持

4.4.2 如何选择开发浏览器

4.5 移动网络的浏览器

4.6 总结

第5章 CSS文件管理

5.1 样式储存

5.1.1 CSS文件路径

5.1.2 将多个文件当成一个样式表

5.2 类和id名称的惯例

5.3 格式化CSS定义

5.3.1 所有属性一行VS.每行一种属性

5.3.2 特点排序

5.3.3 用缩略来省时间

5.4 用注释为CSS规则标记和分组

5.4.1 CSS注释语法

5.4.2 代码标记

5.4.3 为元数据注释

5.4.4 “代码术语”的注释

5.4.5 分组注释

5.5 为CSS规则排序

5.5.1 从一般到特殊

5.5.2 根据规则出现的顺序

5.5.3 根据网站的页面或分区

5.6 创建一个可重复使用的框架

5.7 大量重设

5.8 总结

第6章 Hacks和Workarounds

6.1 使用“标准优先”的方法

6.1.1 IE/Win是你最后的选择,然后像外科医生一样hack

6.1.2 慢着,你忘了一些浏览器

6.2 是否hack

6.2.1 什么时候该用hack

6.2.2 没必要太生动

6.3 让hack保持独立及注释

6.3.1 IE条件性注释

6.3.2 一定要让hack保持独立

6.3.3 你可能根本就不需要hack

6.3.4 这些代码的作用是什么

6.4 一些好的hack(和变通方法)

6.4.1 请容许我为你介绍

6.4.2 滤器:一种复杂又高级的hack

6.4.3 你应该了解的IE 7的“进步”

6.5 hack一个真实的布局

6.5.1 布局

6.5.2 hack

6.6 不需要hack的例子

6.6.1 设计

6.6.2 标记

6.6.3 样式表

6.6.4 为IE 6做一定的调整

6.7 总结

第7章 GSS布局

7.1 永无休止的争论:什么是最完美的页面宽度

7.1.1 固定宽度布局

7.1.2 流式布局

7.1.3 弹性布局

7.1.4 分辨率依赖性布局

7.1.5 两栏或三栏

7.2 轻触开关改变布局

7.2.1 切换到醒目页面

7.2.2 切换到入口页面部分

7.3 Faux栏:使用背景图片创建栏

7.3.1 解决方法:Faux栏

7.3.2 可变文本+固定背景宽度=麻烦

7.3.3 固定宽度布局:随着字体大小而变化的栏

7.4 管理浮层

7.4.1 浮动所有的东西

7.4.2 使用简易清除

7.4.3 用溢出控制浮动

7.5 否定的好处

7.6 CSS布局的弹性

7.6.1 布局实例

7.6.2 样式转换器:赋予用户控制权

7.7 总结

第8章 创建一般页面元素

8.1 设计页眉

8.1.1 使用小Logo

8.1.2 混合并匹配前景和背景图片

8.1.3 定位Logo和标语

8.1.4 增加背景图片

8.1.5 增加倒影图片

8.1.6 使样式表失效

8.1.7 增加网站搜索和站点级别的页眉链接

8.1.8 将链接浮动到位

8.1.9 定位搜索盒

8.2 创建基于CSS的Tab式导航

8.2.1 创建标记

8.2.2 定位链接

8.2.3 设计链接

8.3 当前位置

8.3.1 展示当前位置的层次

8.3.2 设计层次的顺序

8.4 图片和悬停效果

8.4.1 简单图片互换

8.4.2 避免“Divitis”

8.4.3 小魔法:多种状态一个图片

8.4.4 远处图片的转换

8.4.5 远处图片转换和小魔法的组合

8.5 圆角盒

8.5.1 创建一个固定宽度的圆盒子

8.5.2 创建一个可放大的圆角盒

8.5.3 制作背景图片

8.6 总结

第9章 排版

9.1 字样分类

9.1.1 Serif(font.family:serif;)?

9.1.2 Sans Serif(font—family:sans—serif;)

9.1.3 Monospace(font—family:monospace;)

9.1.4 Cursive(font—family:cursive;)

9.1.5 Fantasy(font.family:fantasy;)

9.2 用CSS选择字体

9.2.1 使用一般字体族

9.2.2 使用特殊字体族

9.2.3 网络上的字样问题

9.2.4 微软Vista字体

9.3 字体粗细

9.3.1 用关键字分配font—weight

9.3.2 用数值分配font—weight

9.3.3 bolder和lighter

9.3.4 关于字体粗细的最后结语

9.4 设置字体大小

9.4.1 绝对尺寸关键词

9.4.2 相对尺寸关键字

9.4.3 使用像素设置文本大小

9.4.4 用百分值和em设置文本尺寸

9.4.5 Richard Rutter的62.5%hack

9.5 字体样式

9.6 转换文本

9.7 字体变异

9.8 设置文本块

9.8.1 行距

9.8.2 空行(或行高)

9.8.3 字符间距调整

9.8.4 文本对齐和校对

9.8.5 块段落和传统段落

9.8.6 提示新段落

9.8.7 设置引用

9.9 标题和副标题

9.9.1 页面边距

9.9.2 图片替换

9.9.3 完整的例子

9.10 总结

第10章 设计表格

10.1 表格标记

10.1.1 caption元素

10.1.2 tIl元素

10.1.3 abbr属性

10.1.4 scope属性

10.1.5 在复杂表格中分配作用域

10.1.6 thead、tfoot和tbody元素

10.1.7 栏

10.1.8 summary属性

10.1.9 所有的标记

10.2 增加样式

10.2.1 表格边框

10.2.2 斑马式表格

10.2.3 设计标题

10.3 更上一层楼

10.4 总结

第11章 设计表单

11.1 设计表单控件

11.2 表单布局

11.2.1 表单的语义化(x)HTML

11.2.2 对表单应用基本的设计

11.2.3 中级表单设计

11.2.4 将标签和它们的域放在中间

11.3 总结

第12章 设计列表

12.1 基本列表

12.2 去掉浏览器默认样式

12.3 列表平齐

12.4 白定义项目编号

12.4.1 设计有序列表

12.4.2 用背景图片自定义项目符号

12.4.3 右边排列的图标

12.5 垂直导航链接

12.5.1 链接的填充

12.5.2 链接的悬停效果

12.5.3 完整的页面

12.5.4 命名和隐藏链接组

15.6 用关联选择符显示位置

12.7 设计定义列表

12.7.1 例1:安排日常事务

12.7.2 例2:货物评论

12.8 总结

第13章 设计打印和其他媒体样式

13.1 媒体类型简介

13.1.1 实用的媒体类型

13.1.2 不是那么实用的媒体类型

13.2 指定媒体类型

13.2.1 给链接元素增加一个媒体属性

13.2.2 给@import语句增加一个媒体属性

13.2.3 为样式表中的某个特定选择符增加媒体属性

13.3 创建一个打印样式表

13.4 打印CSS文件中包含的内容

13.4.1 重设布局

13.4.2 隐藏导航和其他互动元素

13.4.3 纠正一些从屏幕样式表中继承来的小问题

13.5 获得更好的打印页面的小窍门

13.6 需要警惕的事情

13.6.1 检查你的页面宽度

13.6.2 CSS定位的打印错误

13.6.3 搜集有关你的“有趣的打印输出”的反馈

13.7 高级CSS打印技巧

13.7.1 在打印页面插入URL

13.7.2 用DOM和CSS实现选择性打印

13.8 其他媒体类型的样式表

13.8.1 投影

13.8.2 语音媒体

13.8.3 便携式媒体

13.8.4 所有媒体类型

13.9 总结

第14章 常见问题解析

14.1 当你不知道什么出了错时该怎么办

14.1.1 实用的浏览器助手和工具

14.1.2 检验标记和样式

14.1.3 在块中使样式失效

14.1.4 让hack失效

14.1.5 创建最小测试案例,让问题变得简单.

14.2 CSS常见错误

14.2.1 特异性问题

14.2.2 图片路径

14.2.3 链接顺序

14.2.4 清除掉所有浮动

14.3 CSS常见bug(在IE中)

14.3.1 两倍的浮动边距

14.3.2 三像素偏移

14.3.3 在一个相对容器里的绝对定位

14.3.4 空格bug

14.4 在现实中解决问题:演练

14.4.1 创建布局

14.4.2 让它在Firefox中表现完美

14.4.3 IE的悲哀

14.4.4 增加副导航

14.4.5 为什么不把hack分组呢

14.5 总结

附录A CSS参考

A.1 CSS单位、关键字和其他属性值

A.1.1 分数和整数

A.1.2 颜色

A.1.3 font

A.1.4 长度

A.1.5 百分数

A.1.6 定位关键字

A.1.7 URL

A.1.8 多种用途的属性

A.1.9 继承

A.2 CSS属性

A.2.1 font、文本颜色、文本尺寸和类似属性

A.2.2 间距和排列类型

A.2.3 盒模型

A.2.4 定位

A.2.5 背景颜色、图片和类似的属性

A.2.6 列表

A.2.7 表格

A.2.8 生成的内容

A.2.9 cursor

A.2.10 打印

附录B GSS特异性分级表

B.1 元素选择符

B.2 后代、子和相邻选择符

B.3 属性选择符

B.4 伪类选择符

B.5 伪元素

附录C 浏览器分级表

C.1 背景

C.2 边框

C.3 边距

C.4 间距

C.5 尺寸

C.6 文本

C.7 font

C.8 列表和标记

C.9 定位

C.10 分级

C.11 表格

C.12 伪类

C.13 伪元素

C.14 轮廓

索引

CSS实战精粹

CSS实战精粹

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有