Name: 精彩绝伦的CSS
ISBN: 9787115284792

作者: [美] Eric A. Meyer
出版社: 人民邮电出版社
原作名: Smashing CSS:Professional Techniques
译者: 姬光
出版年: 2012-7
页数: 226
定价: 49.00元
丛书: 图灵程序设计丛书·Web开发系列
ISBN: 9787115284792

豆瓣评分

7.8

74人评价

5星

25.7%
4星

45.9%
3星

27.0%
2星

1.4%
1星

0.0%

评价:

内容简介 · · · · · ·

内容简介：

打造现代布局的专业技术

本书远非只是介绍基础知识，它不仅全面细致地讲解布局与效果，而且展望了HTML5和CSS3的未来。业内很少有人能像Eric A. Meyer一样详细阐明CSS，他在本书中深入分析了普遍适用的实用技术，讲解了如何选用正确的工具、如何通过jQuery使用CSS效果和CSS3技术。

本书主要内容如下：

显示或隐藏元素

通过XHTML为body或html元素设置背景

超过15种布局技巧，包括清除浮动、两栏/三栏布局、伪造栏布局、“唯一布局”、Holy Grail、基于em的布局、流式网格、固定页脚等

各种CSS效果，包括CSS弹出框、框冲切、圆角、CSS精灵、滑动门、流式漂白、参差浮动等

应用CSS表样式，包括使用表头、主体、脚注、行标题、面向列的样式、表的映射和图形化等

使用CSS3元素、多背景支持、RGBA，以及通过j...

(展开全部)

作者简介 · · · · · ·

作者介绍：

Eric A. Meyer

国际公认的HTML、CSS、Web标准方面的专家，自1993年开始从事与Web设计与开发相关的工作。著有《Eric Meyer谈CSS（卷1）》和《Eric Meyer谈CSS（卷2）》。

目录 · · · · · ·

目　　录
第一部分　基本原理
第1章　工具　　2
1.1　 Firebug　　2
1.2　 Web Developer Toolbar　　8
1.3　 IE开发者工具栏　　13
· · · · · · (更多)

"精彩绝伦的CSS"试读 · · · · · ·

CSS已经发展得非常成功了，甚至像HTML一样成功！尽管有时候它的确令人难以掌控。现在无论是在浏览器还是应用商店，甚至聊天客户端，CSS都无处不在并且没有任何消退的迹象。随着这门语言的应用愈加广泛，其能力也在不断增强。本书涵盖了近100个使用CSS制作优秀网站的窍门、技术、工具以及一些技巧，其中每个部分都是相对独立的。你可以随便翻开一页就读，而不用担心会错过前面章节中...

· · · · · · (查看全部试读)

豆瓣成员常用的标签(共37个) · · · · · ·

CSS 前端开发 Web开发网页设计前端计算机 web 编程

丛书信息

　　图灵程序设计丛书·Web开发系列 (共137册), 这套丛书还有《HTML5与CSS3实例教程（第2版）》,《Flex 4一学就会》,《深入浅出JavaScript》,《JavaScript DOM编程艺术》,《精通JavaScript（第2版）》等。

喜欢读"精彩绝伦的CSS"的人也喜欢的电子书 · · · · · ·

支持 Web、iPhone、iPad、Android 阅读器

: JavaScript修炼之道

12.00元

: HTML5数据推送应用开发

24.99元

: 编写高质量代码：改善JavaScript程序的188个建议

25.00元

: CoffeeScript小书

1.99元

: 锦绣蓝图

25.00元

喜欢读"精彩绝伦的CSS"的人也喜欢 · · · · · ·

: JavaScript编程实战

: 无懈可击的Web设计

: 精彩绝伦的jQuery

: JavaScript高效图形编程

: CSS3实用指南

: HTML5秘籍

: JavaScript经典实例

: 深入HTML5应用开发

: HTML5和CSS3实例教程

: 编写可维护的JavaScript

我来说两句

短评 · · · · · · ( 全部 16 条 )

精彩绝伦的CSS的话题 · · · · · · ( 全部条 )

什么是话题

无论是一部作品、一个人，还是一件事，都往往可以衍生出许多不同的话题。将这些话题细分出来，分别进行讨论，会有更多收获。

我要写书评

精彩绝伦的CSS的书评 · · · · · · ( 全部 3 条 )

总体不错，属于CSS书中的经典系列

里头很多经典的css技术，其实《精通CSS:高级Web标准解决方案》中都有了。虽然这本书自诩是2012年出版的，但是书的完稿时间是2010年8月，以咱们前端发展的速度来说其中有些技术已经过时了，如以多四个标签来做圆角的技术，蛋疼的技术早被浏览器的发展取代了。但是读了这边书，至... (展开)

0回应

修缘 2014-10-24 10:53:04

比普通的CSS入门书要深入一点点

CSS相比其他的编程语言，难度不大，但是又是Web技术的基础，市面上各种HTML+CSS的垃圾书大行其道。但是终究还是有几本专注于CSS的书的，比如《精通CSS》，比如这本《精彩绝伦的CSS》。这本书乍一看到标题，还以为是类似《CSS禅意花园》那样的书。《CSS禅意花园》重在设计，而... (展开)

0回应

funny乐趣 2012-11-27 21:13:07

客观的说

看了2,3天，给我的感觉如下： + ： 1.纸张不错 2.提供了很多有用的设计技巧和细节处理的问题,具体可以再目录中查到 -: 我只说一点：向来中国人翻译的技术书籍都不敢恭维，更何况是一个无名小卒翻译的，文中许多语句都读起来不大通顺，理解起来异常吃力。建议英语熟练的朋友... (展开)

1回应

> 更多书评3篇

读书笔记 · · · · · · (共5篇)

我来写笔记

按有用程度
按页码先后
最新笔记

展开收起
第32页

悠嘻

在CSS中有两种“伪”字头的选择器：伪类(pseudo-class)和伪元素(pseudo-element)。CSS2.1中的伪类有： :link -- 未访问过的链接； :visited -- 访问过的链接； :hover -- 鼠标悬停的元素； :focus -- 获取焦点的元素； :activie -- 激活的元素(例如一个被单击的链接元素)； :first-child -- 作为其它元素第一个子元素的元素； :lang() -- 根据元素的lang属性确定的元素。 CSS2.1中的伪元素有： ::first-line ::first-l...
2016-04-19 18:15

在CSS中有两种“伪”字头的选择器：伪类(pseudo-class)和伪元素(pseudo-element)。CSS2.1中的伪类有： :link -- 未访问过的链接； :visited -- 访问过的链接； :hover -- 鼠标悬停的元素； :focus -- 获取焦点的元素； :activie -- 激活的元素(例如一个被单击的链接元素)； :first-child -- 作为其它元素第一个子元素的元素； :lang() -- 根据元素的lang属性确定的元素。 CSS2.1中的伪元素有： ::first-line ::first-letter ::before ::after

推荐

回应 2016-04-19 18:15
展开收起
第12页
fairyaierl
#字体属性设置：字体属性的设置：字号在前，字体在后，其他属性必须放在这两项之前，否则将被忽略 /代码内容已省略/ #设置字体的行高方式： 1. 直接在字号后面设置行高，/后面为字体的行 /代码内容已省略/ 2. 设置line-height，子元素会继承父元素的line-height属性，所以不推荐加单位，可以直接使用数字。在css1中，li标签的行高继承父元素为15px，在cs...
2015-05-14 11:06
#字体属性设置：
字体属性的设置：字号在前，字体在后，其他属性必须放在这两项之前，否则将被忽略
font:bold italic 100% sana-serif;
#设置字体的行高方式：
1. 直接在字号后面设置行高，/后面为字体的行
font:100%/2.5 Helvetica,sans-serif;
2. 设置line-height，子元素会继承父元素的line-height属性，所以不推荐加单位，可以直接使用数字。
在css1中，li标签的行高继承父元素为15px，在css2中，li标签的行高继承父元素的换算系数1，而不是计算后的结果值15px。
```html
//html
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
```
```css
//css1
ul{
font-size:15px;
line-height:100%;　　　//line-height:1em; 效果相同
}
li{
font-size:10px;
}
```
```css
//css2
ul{
font-size:15px;
line-height:1;
}
li{
font-size:10px;
}
```

推荐

回应 2015-05-14 11:06
展开收起
第46页
Mescoda
/代码内容已省略/ 用属性选择器防止 id 的 specificity 污染
2012-11-23 10:04
p[id="header"] {};
用属性选择器防止 id 的 specificity 污染

推荐

回应 2012-11-23 10:04
展开收起
第150页

最后一支中南海 (我只觉得他们吵闹)

通过将装饰性的图片合并下载，从而降低服务器负载。将图标、按钮等小图全部塞在一个大图里，通过background-position属性控制偏移量实现预期效果，同时大幅降低服务器负载、节省服务器空间。
2012-09-11 16:30

通过将装饰性的图片合并下载，从而降低服务器负载。
将图标、按钮等小图全部塞在一个大图里，通过background-position属性控制偏移量实现预期效果，同时大幅降低服务器负载、节省服务器空间。

推荐

回应 2012-09-11 16:30

展开收起
第12页
fairyaierl
#字体属性设置：字体属性的设置：字号在前，字体在后，其他属性必须放在这两项之前，否则将被忽略 /代码内容已省略/ #设置字体的行高方式： 1. 直接在字号后面设置行高，/后面为字体的行 /代码内容已省略/ 2. 设置line-height，子元素会继承父元素的line-height属性，所以不推荐加单位，可以直接使用数字。在css1中，li标签的行高继承父元素为15px，在cs...
2015-05-14 11:06
#字体属性设置：
字体属性的设置：字号在前，字体在后，其他属性必须放在这两项之前，否则将被忽略
font:bold italic 100% sana-serif;
#设置字体的行高方式：
1. 直接在字号后面设置行高，/后面为字体的行
font:100%/2.5 Helvetica,sans-serif;
2. 设置line-height，子元素会继承父元素的line-height属性，所以不推荐加单位，可以直接使用数字。
在css1中，li标签的行高继承父元素为15px，在css2中，li标签的行高继承父元素的换算系数1，而不是计算后的结果值15px。
```html
//html
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
```
```css
//css1
ul{
font-size:15px;
line-height:100%;　　　//line-height:1em; 效果相同
}
li{
font-size:10px;
}
```
```css
//css2
ul{
font-size:15px;
line-height:1;
}
li{
font-size:10px;
}
```

推荐

回应 2015-05-14 11:06
展开收起
第32页

悠嘻

在CSS中有两种“伪”字头的选择器：伪类(pseudo-class)和伪元素(pseudo-element)。CSS2.1中的伪类有： :link -- 未访问过的链接； :visited -- 访问过的链接； :hover -- 鼠标悬停的元素； :focus -- 获取焦点的元素； :activie -- 激活的元素(例如一个被单击的链接元素)； :first-child -- 作为其它元素第一个子元素的元素； :lang() -- 根据元素的lang属性确定的元素。 CSS2.1中的伪元素有： ::first-line ::first-l...
2016-04-19 18:15

在CSS中有两种“伪”字头的选择器：伪类(pseudo-class)和伪元素(pseudo-element)。CSS2.1中的伪类有： :link -- 未访问过的链接； :visited -- 访问过的链接； :hover -- 鼠标悬停的元素； :focus -- 获取焦点的元素； :activie -- 激活的元素(例如一个被单击的链接元素)； :first-child -- 作为其它元素第一个子元素的元素； :lang() -- 根据元素的lang属性确定的元素。 CSS2.1中的伪元素有： ::first-line ::first-letter ::before ::after

推荐

回应 2016-04-19 18:15
展开收起
第46页
Mescoda
/代码内容已省略/ 用属性选择器防止 id 的 specificity 污染
2012-11-23 10:04
p[id="header"] {};
用属性选择器防止 id 的 specificity 污染

推荐

回应 2012-11-23 10:04
展开收起
第88页

最后一支中南海 (我只觉得他们吵闹)

在创建布局时，可以像下面这样使布局区块的放置位置可视化： div{outline:1px dashed red;} 边框是参与布局的，而轮廓并不参与。轮廓必然是环绕着元素的，并且在元素的四周永远保持一致。
2012-09-11 11:31

在创建布局时，可以像下面这样使布局区块的放置位置可视化： div{outline:1px dashed red;} 边框是参与布局的，而轮廓并不参与。轮廓必然是环绕着元素的，并且在元素的四周永远保持一致。

推荐

回应 2012-09-11 11:31

展开收起
第32页

悠嘻

在CSS中有两种“伪”字头的选择器：伪类(pseudo-class)和伪元素(pseudo-element)。CSS2.1中的伪类有： :link -- 未访问过的链接； :visited -- 访问过的链接； :hover -- 鼠标悬停的元素； :focus -- 获取焦点的元素； :activie -- 激活的元素(例如一个被单击的链接元素)； :first-child -- 作为其它元素第一个子元素的元素； :lang() -- 根据元素的lang属性确定的元素。 CSS2.1中的伪元素有： ::first-line ::first-l...
2016-04-19 18:15

在CSS中有两种“伪”字头的选择器：伪类(pseudo-class)和伪元素(pseudo-element)。CSS2.1中的伪类有： :link -- 未访问过的链接； :visited -- 访问过的链接； :hover -- 鼠标悬停的元素； :focus -- 获取焦点的元素； :activie -- 激活的元素(例如一个被单击的链接元素)； :first-child -- 作为其它元素第一个子元素的元素； :lang() -- 根据元素的lang属性确定的元素。 CSS2.1中的伪元素有： ::first-line ::first-letter ::before ::after

推荐

回应 2016-04-19 18:15
展开收起
第12页
fairyaierl
#字体属性设置：字体属性的设置：字号在前，字体在后，其他属性必须放在这两项之前，否则将被忽略 /代码内容已省略/ #设置字体的行高方式： 1. 直接在字号后面设置行高，/后面为字体的行 /代码内容已省略/ 2. 设置line-height，子元素会继承父元素的line-height属性，所以不推荐加单位，可以直接使用数字。在css1中，li标签的行高继承父元素为15px，在cs...
2015-05-14 11:06
#字体属性设置：
字体属性的设置：字号在前，字体在后，其他属性必须放在这两项之前，否则将被忽略
font:bold italic 100% sana-serif;
#设置字体的行高方式：
1. 直接在字号后面设置行高，/后面为字体的行
font:100%/2.5 Helvetica,sans-serif;
2. 设置line-height，子元素会继承父元素的line-height属性，所以不推荐加单位，可以直接使用数字。
在css1中，li标签的行高继承父元素为15px，在css2中，li标签的行高继承父元素的换算系数1，而不是计算后的结果值15px。
```html
//html
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
```
```css
//css1
ul{
font-size:15px;
line-height:100%;　　　//line-height:1em; 效果相同
}
li{
font-size:10px;
}
```
```css
//css2
ul{
font-size:15px;
line-height:1;
}
li{
font-size:10px;
}
```

推荐

回应 2015-05-14 11:06
展开收起
第46页
Mescoda
/代码内容已省略/ 用属性选择器防止 id 的 specificity 污染
2012-11-23 10:04
p[id="header"] {};
用属性选择器防止 id 的 specificity 污染

推荐

回应 2012-11-23 10:04
展开收起
第150页

最后一支中南海 (我只觉得他们吵闹)

通过将装饰性的图片合并下载，从而降低服务器负载。将图标、按钮等小图全部塞在一个大图里，通过background-position属性控制偏移量实现预期效果，同时大幅降低服务器负载、节省服务器空间。
2012-09-11 16:30

通过将装饰性的图片合并下载，从而降低服务器负载。
将图标、按钮等小图全部塞在一个大图里，通过background-position属性控制偏移量实现预期效果，同时大幅降低服务器负载、节省服务器空间。

推荐

回应 2012-09-11 16:30