Name: CSS权威指南（第三版）
ISBN: 9787508355948

作者: [美] Eric A.Meyer
出版社: 中国电力出版社
译者: 侯妍 / 尹志忠
出版年: 2007-10
页数: 508
定价: 58.00
装帧: 平装
丛书: O'reilly系列
ISBN: 9787508355948

豆瓣评分

8.5

692人评价

5星

40.5%
4星

41.3%
3星

15.2%
2星

1.6%
1星

1.4%

评价:

内容简介 · · · · · ·

你是否既想获得丰富复杂的网页样式，同时又想节省时间和精力？本书为你展示了如何遵循CSS最新规范（CSS2和CSS2.1）将层叠样式表的方方面面应用于实践。

通过本书提供的诸多示例，你将了解如何做到仅在一处建立样式表就能创建或修改整个网站的外观，以及如何得到HTML力不能及的更丰富的表现效果。

资深CSS专家Eric A.Meyer。利用他独有的睿智和丰富的经验对属性、标记、标记属性和实现做了深入的研究，另外在浏览器支持和设计原则等实际问题上也有独到的见解。你所需要的就是HTML 4.0的知识即可以为网站布局和分页创建简明而且易于维护的脚本，同时兼具桌面系统的美观性和可控性。在本书中你将学到以下内容：

·用多种方式对文本应用样式

·用户界面、表布局、列表和生成内容

·浮动和定位的优缺点

·字体系列和后路

·框模型的工作原理

·IE7、Firefox和其...

(展开全部)

目录 · · · · · ·

前言
第1章 CS S和文档
web的衰落
CSS作救星
元素
结合CSS和xHTML
· · · · · · (更多)

原文摘录 · · · · · · ( 全部 )

引入css外部文件的两种方法为在html页面通过link，src属性（注意空链接时的陷阱！），再者是通过CSS文件本身通过@import url()引入，虽然这两种方式都可以加载进来CSS文件，可是link和@import也存在着细微的差别。隶属上的差别 link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。此处注意浏览器的link src为空时候时会导致页面加载次数增多。 @import次数限制传闻在IE6下，@import只能引入31次css文件，可是可以通过在css文件中再次import来垂直扩展，断桥残雪没有测试过，不过如果出现这样的情况，说明这个写代码的人也挺变态的。加载顺序的不同当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS文件会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式，然后突然样式会出现，网速慢的时候还挺明显，@import这点跟把CSS文件放在页面结尾效果相同，不过如果我们一些样式开始页面并不会出现，而是在交互时才出现的CSS样式，可以通过这个方法引入，时间上错开。例如：Ajax的html，交互时的弹出框，弹出div等兼容性上的差别由于@import是CSS2.1提出的，@import只有在IE5以上的才能识别，而link标签无此问题（似乎影响不大~）。使用DOM控制样式时的差别当使用javascript控制DOM(document.styleSheets)去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。所以，无特殊情况推荐使用lin... (查看原文)

宅到死 1赞 2013-06-24 21:24:44

—— 引自第28页
左浮动元素的右外边界不会在其右边右浮动元素的左外边界的右边。一个右浮动元素的左外边界不会在其左边任何左浮动元素的右外边界的左边 (查看原文)

岛中央 5 回复 2012-07-12 21:25:47

—— 引自第293页

> 全部原文摘录

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

css CSS 网页设计前端开发 Web标准 Web 计算机前端

丛书信息

　　O'reilly系列 (共76册), 这套丛书还有《Apache Cookbook中文版》,《学习WCF》,《高效R语言编程》,《R语言经典实例》,《社交网站的数据挖掘与分析(第2版)》等。

喜欢读"CSS权威指南（第三版）"的人也喜欢的电子书 · · · · · ·

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

: 高性能JavaScript

9.80元

: ES6标准入门（第2版）

27.60元

: 基于MVC的JavaScript Web富应用开发

11.80元

: 深入理解ES6

24.99元

: CoffeeScript小书

1.99元

喜欢读"CSS权威指南（第三版）"的人也喜欢 · · · · · ·

: JavaScript高级程序设计（第3版）

: 精通CSS（第2版）

: 编写可维护的JavaScript

: CSS揭秘

: 锋利的jQuery

: Effective JavaScript

: 高性能网站建设指南

: 你不知道的JavaScript（上卷）

: jQuery基础教程（第3版）

: HTML5秘籍

我来说两句

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

CSS权威指南（第三版）的话题 · · · · · · ( 全部条 )

什么是话题

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

我要写书评

CSS权威指南（第三版）的书评 · · · · · · ( 全部 39 条 )

热门 / 最新 / 好友 /只看本版本的评论

豆豆の爸爸 2008-01-02 17:36:05

《CSS权威指南(第3版)》书评

这本书的第3版是由翻译此书的第1版的中国电力出版社引进出版上市，这本译书的翻译质量不错，阅读起来比较流畅。这本书正如出版商图灵所言是CSS界权威Meyer大师三部曲中的一部理论书。因为第1章本人试着翻译过，所以对电力这本书的翻译水平不想多说了，只有一个字：赞！同行... (展开)

5回应

苏西坡 2017-04-24 00:24:39

《CSS权威指南》书评

这篇书评可能有关键情节透露

首发地址：[《CSS权威指南》书评] 终于把《CSS权威指南》翻完了。基本上任何一个前端的必读书单里都会有这本书。最近匆匆忙忙地把这本书看完了，写点东西总结一下。前端必读，但不适合入门首先，这本书确实是一本前端必读的书。实在说，专门讲CSS的书不多，之前看过一本《CS... (展开)

0回应

jacky 2006-01-08 13:24:58 中国电力出版社2001版

这本书，真好

很佩服作者能将其原理讲得如此透彻易懂，如果你想使用CSS游刃有余，你不可不看这本书。虽然是２００１的版本，但是我想说这本书已经足够你使用了，因为到目前为止，IE７都不完全支持css2，你学完css2后也不能发挥出它的优势，所以还不如干脆使用css1，另外在这本书里面也有一部... (展开)

0回应

加油~~~ 2011-06-01 05:29:17

字典类图书

初学者清扫障碍的书籍不过0基础看起来多少会晦涩一些详细介绍各个属性用法配有简单实例字典手册类图书摘取其中一段经典语句供大家娱乐一下： “ 左浮动元素的右外边界不会在其右浮动元素的左外边界的右边。一个右浮动元素的左外边界不会在其左边任何左浮动... (展开)

9回应

zx🐷～ 2006-04-22 15:04:35 中国电力出版社2001版

不错

2000年时候的书，本来以为内容会比较旧，读了才发现内容全、系统，比现在网上各种版本的css教程之类要好的多，事实上好多都是从这本书摘出来的 Eric A.Meyer，牛人，书里关于css的教程语言表述很清楚，章节合理，主要讲css1及css2中的布局、定位值得看，以前想看，正好在学... (展开)

0回应

梅锗仁 2019-10-02 15:56:17 中国电力出版社2019版

第16章变形 page 834 (低级错误) 中文版： '对宽度为30像素，高度为200像素的元素来说，translateX(50%)把元素向右移动150像素'？英文原版： ‘translateX(50%) will move an element 300 pixels wide and 200 pixels tall to its right by 150 pixels,’ 在CSS 权威指南第... (展开)

0回应

风纪扣v 2014-01-20 00:04:35 中国电力出版社2001版

阅读这本书简直是人生一大悲剧

书真是本好书，作者Meyer功力也无可厚非，但我真的不想推荐这本书给初学者。因为从pc端转移到移动端的缘故，突然之间，我发现要考虑很多问题，甚至我觉得自己不会css了。反过头来看这本书，我觉得他有很大的不足。字典式的安排使得这本书的阅读效率很低，你不... (展开)

1回应

艺腾 2011-01-06 20:41:22

初学者指南

简单来说，要看这本书，你最好是个初学者，否则浪费时间不是。但是你要是完全不会，死的也会很惨。另外一则评论说，本书翻译的很好，不知道是不是我的参照物有问题，或者说我过于迷信自己的翻译能力。很多地方，如果没有C++的基础，可能完全不知道是什么意思，这本书确实很... (展开)

3 3回应

月光照着我 2020-07-10 17:11:32 中国电力出版社2019版

错误

P576，最后一段“从上到下的语言， writing-mode属性的值是horizontal-tb，此时主轴由从左至右的方向顺时针旋转 90 度，因此 flex-direction: row 从上到下，而 flex-direction: column; 从右至左。” horizontal-tb 是文本水平从左到右，从上到下。这里怎么也不会出现主轴... (展开)

1回应

[已注销] 2018-02-08 13:22:09

CSS mess

1.行内元素始终于一行内。 1.1行高 inline-height 1.2对齐 text-align 1.3折叠 white-space 2.块始终独占一行。 2.1静止块 position: static 2.2.浮动块 float 相当于在当前行上另建一层，自身变为此行/层行内元素。 2.3相对块 position: relative 相对于原位置，且原行仍被... (展开)

0回应

> 更多书评 39篇

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

我来写笔记

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

展开收起
第1页总结要点
盛昂
css2 各章值得注意的点，“表”一章暂时未列 1 html结构化语义化、css表现样式、层叠替换元素、非可替换元素行内元素、块元素块可以包裹于行内之中，xml不可以外联、内嵌、内联解析器设计原则：以确定的实值为准 2 选择器：元素、类、ID、属性文档结构选择器：后代、子伪类、伪元素 p:frist-child的意思是各快内第一个p p:frist-letter 3 权重继承，有些属性不继承层叠 4 数、百分比、颜色像素、em是指依据父容器的fo...
2018-12-12 00:08 1人喜欢
css2 各章值得注意的点，“表”一章暂时未列
1
html结构化语义化、css表现样式、层叠
替换元素、非可替换元素
行内元素、块元素
块可以包裹于行内之中，xml不可以
外联、内嵌、内联
解析器设计原则：以确定的实值为准
2
选择器：元素、类、ID、属性
文档结构选择器：后代、子
伪类、伪元素
p:frist-child的意思是各快内第一个p
p:frist-letter
3
权重
继承，有些属性不继承
层叠
4
数、百分比、颜色
像素、em是指依据父容器的fontsize为一个单位
url、关键字
5
字体备选
font-weight
font-size
text-decoration
white-space
6
text-indent:2em
text-align
line-height
vertical-align
word-spacing、letter-spacing
7
盒子模型：非可替换、可替换、块、行内
块-水平：
子宽度总和等于父宽度
width、margin可以为auto，auto就是自动补全余下。
margin可以为负值
替换元素的auto根据内容而定
块-垂直：
默认高度由内容决定
auto：margin为0
height必须设置显式容器高度；
负margin
相邻垂直margin合并，以大的为准
list
行：
非替换元素的padding、margin、border-width对“显示区域行”的高没有影响
替换元素的会更改显示区域行的高度，但不会更改line-height。
设置vertril-align为会更改显示区域的高度，不会更改line-height的值。
iline-block相当于可替换行内元素
8
百分比：
width、height为容器的对应width、heigth
margin为容器的width
padding为容器的width
9
transparent值
color可以继承
background-repeat
background-position
background-attachment
10
其他行内元素会环绕浮动元素；如果放得下一行（文本）内容，float脱离文本行位置依次浮动到左上，如果放不下float会另起一行。
浮动元素的margin不会合并
clear
position、包含块（absolute的包含块是最近的非static）
最大最小宽、高
overflow
clip:rect()
z-index
11
12
list-style-type
list-style-image
liststyleposition
:after/:before
content
quotes
counter
13
系统字体、颜色
cursor
outline
其他媒体、声音

推荐

回应 2018-12-12 00:08
展开收起
第28页第一章 css和文档

宅到死 (80后挨踢民工，努力改变生活)

1、元素替换元素不是文档内容直接表示，典型的是img元素，另外还有input元素块级元素会和前后的元素隔开，而行内元素不会和前后的元素隔开块级元素不能出现在行内元素里 2、link标记必须放在head里，其他位置会忽略 link标记的media属性用的多的是all、screen和print，一个样式表可以设置多个媒体属性，用逗号连接 document最初显示时只会使用rel为stylesheet的link标记 rel定义为alternate stylesheet的为候选样式表（一般...
2013-06-24 21:24 1人喜欢

1、元素替换元素不是文档内容直接表示，典型的是img元素，另外还有input元素块级元素会和前后的元素隔开，而行内元素不会和前后的元素隔开块级元素不能出现在行内元素里 2、link标记必须放在head里，其他位置会忽略 link标记的media属性用的多的是all、screen和print，一个样式表可以设置多个媒体属性，用逗号连接 document最初显示时只会使用rel为stylesheet的link标记 rel定义为alternate stylesheet的为候选样式表（一般只有基于Gecko的浏览器支持）候选样式表定义相同的title，就可以把这些group到一起现在还有候选样式表的应用吗？？看firefox也没有看到，就当一个了解吧 @import样式表出现在<style type="text/css">里面，必须放在其他规则之前，否则会被忽略网上看到的link和@import的区别，个人感觉最大的区别就是加载顺序的不同，其他影响不大
引入css外部文件的两种方法为在html页面通过link，src属性（注意空链接时的陷阱！），再者是通过CSS文件本身通过@import url()引入，虽然这两种方式都可以加载进来CSS文件，可是link和@import也存在着细微的差别。隶属上的差别 link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。此处注意浏览器的link src为空时候时会导致页面加载次数增多。 @import次数限制传闻在IE6下，@import只能引入31次css文件，可是可以通过在css文件中再次import来垂直扩展，断桥残雪没有测试过，不过如果出现这样的情况，说明这个写代码的人也挺变态的。加载顺序的不同当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS文件会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式，然后突然样式会出现，网速慢的时候还挺明显，@import这点跟把CSS文件放在页面结尾效果相同，不过如果我们一些样式开始页面并不会出现，而是在交互时才出现的CSS样式，可以通过这个方法引入，时间上错开。例如：Ajax的html，交互时的弹出框，弹出div等兼容性上的差别由于@import是CSS2.1提出的，@import只有在IE5以上的才能识别，而link标签无此问题（似乎影响不大~）。使用DOM控制样式时的差别当使用javascript控制DOM(document.styleSheets)去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。所以，无特殊情况推荐使用link来引入样式，尽量避免使用@import，而如果进行Ajax或者交互的样式，则可以通过@import引入
引自第一章 css和文档

推荐

回应 2013-06-24 21:24
展开收起
前6章总结

江湖骗子 (嗯啊那是)

第1章，CSS和HTML介绍，学完可以明白CSS如何连接到HTML，之后章节测试CSS排版效果的基础。不然CSS实现不了哇。第2章，选择器。各种从HTML中选择元素的方法，通过类，或者ID，或者各种属性，或者通过元素在文档中的位置，甚至目前文档中还不存在的伪类和伪元素。哎，小程序里只通过类选择就行了，顶多用一下伪类，so easy。第3章，结构和层叠，就是讲CSS里属性覆盖的问题。日常使用用处不大，知道个优先级就行。第4章，值和单...
2020-12-29 10:07

第1章，CSS和HTML介绍，学完可以明白CSS如何连接到HTML，之后章节测试CSS排版效果的基础。不然CSS实现不了哇。
第2章，选择器。各种从HTML中选择元素的方法，通过类，或者ID，或者各种属性，或者通过元素在文档中的位置，甚至目前文档中还不存在的伪类和伪元素。哎，小程序里只通过类选择就行了，顶多用一下伪类，so easy。
第3章，结构和层叠，就是讲CSS里属性覆盖的问题。日常使用用处不大，知道个优先级就行。
第4章，值和单位。设置文本样式，无非颜色、长度、单位等等，用各种长度定位好元素就行。重点在于长度里的相对长度，即em（字体大小为1em）和px（像素，小程序里是rpx，按iphone6为模板）。颜色其实UI会给具体的rgb值得，直接引用就行。
第5章字体和第6章文本，可以归为文本。字体里的字体系列挺有意思的，很新颖的说法，原来还有Times字体系列啊。我感觉这就当做小菜来看吧。重点还是第6章文本对齐方式、文本间隔、文本转换，很重要。

推荐

回应 2020-12-29 10:07
展开收起
第10章浮动和定位
[已注销]
与第8章有所关联以下代码为何可以居中，其行为如何解释： .a { position: aboslute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
2016-11-21 09:29
与第8章有所关联以下代码为何可以居中，其行为如何解释：
.a { position: aboslute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

推荐

回应 2016-11-21 09:29

展开收起
第1页

X

翻译的不是很好，阅读起来很不流畅。 (2回应)
2011-08-07 01:55

翻译的不是很好，阅读起来很不流畅。

推荐

2回应 2011-08-07 01:55
展开收起
第1页总结要点
盛昂
css2 各章值得注意的点，“表”一章暂时未列 1 html结构化语义化、css表现样式、层叠替换元素、非可替换元素行内元素、块元素块可以包裹于行内之中，xml不可以外联、内嵌、内联解析器设计原则：以确定的实值为准 2 选择器：元素、类、ID、属性文档结构选择器：后代、子伪类、伪元素 p:frist-child的意思是各快内第一个p p:frist-letter 3 权重继承，有些属性不继承层叠 4 数、百分比、颜色像素、em是指依据父容器的fo...
2018-12-12 00:08 1人喜欢
css2 各章值得注意的点，“表”一章暂时未列
1
html结构化语义化、css表现样式、层叠
替换元素、非可替换元素
行内元素、块元素
块可以包裹于行内之中，xml不可以
外联、内嵌、内联
解析器设计原则：以确定的实值为准
2
选择器：元素、类、ID、属性
文档结构选择器：后代、子
伪类、伪元素
p:frist-child的意思是各快内第一个p
p:frist-letter
3
权重
继承，有些属性不继承
层叠
4
数、百分比、颜色
像素、em是指依据父容器的fontsize为一个单位
url、关键字
5
字体备选
font-weight
font-size
text-decoration
white-space
6
text-indent:2em
text-align
line-height
vertical-align
word-spacing、letter-spacing
7
盒子模型：非可替换、可替换、块、行内
块-水平：
子宽度总和等于父宽度
width、margin可以为auto，auto就是自动补全余下。
margin可以为负值
替换元素的auto根据内容而定
块-垂直：
默认高度由内容决定
auto：margin为0
height必须设置显式容器高度；
负margin
相邻垂直margin合并，以大的为准
list
行：
非替换元素的padding、margin、border-width对“显示区域行”的高没有影响
替换元素的会更改显示区域行的高度，但不会更改line-height。
设置vertril-align为会更改显示区域的高度，不会更改line-height的值。
iline-block相当于可替换行内元素
8
百分比：
width、height为容器的对应width、heigth
margin为容器的width
padding为容器的width
9
transparent值
color可以继承
background-repeat
background-position
background-attachment
10
其他行内元素会环绕浮动元素；如果放得下一行（文本）内容，float脱离文本行位置依次浮动到左上，如果放不下float会另起一行。
浮动元素的margin不会合并
clear
position、包含块（absolute的包含块是最近的非static）
最大最小宽、高
overflow
clip:rect()
z-index
11
12
list-style-type
list-style-image
liststyleposition
:after/:before
content
quotes
counter
13
系统字体、颜色
cursor
outline
其他媒体、声音

推荐

回应 2018-12-12 00:08
展开收起
第15页 CSS 和文档

Link (大道至简)

在 HTML 和 XHTML 中，块级元素不能继承自行内元素（即不能嵌套在行内元素中）。
2014-06-27 21:10

在 HTML 和 XHTML 中，块级元素不能继承自行内元素（即不能嵌套在行内元素中）。
引自 CSS 和文档

推荐

回应 2014-06-27 21:10
展开收起
第28页第一章 css和文档

宅到死 (80后挨踢民工，努力改变生活)

1、元素替换元素不是文档内容直接表示，典型的是img元素，另外还有input元素块级元素会和前后的元素隔开，而行内元素不会和前后的元素隔开块级元素不能出现在行内元素里 2、link标记必须放在head里，其他位置会忽略 link标记的media属性用的多的是all、screen和print，一个样式表可以设置多个媒体属性，用逗号连接 document最初显示时只会使用rel为stylesheet的link标记 rel定义为alternate stylesheet的为候选样式表（一般...
2013-06-24 21:24 1人喜欢

1、元素替换元素不是文档内容直接表示，典型的是img元素，另外还有input元素块级元素会和前后的元素隔开，而行内元素不会和前后的元素隔开块级元素不能出现在行内元素里 2、link标记必须放在head里，其他位置会忽略 link标记的media属性用的多的是all、screen和print，一个样式表可以设置多个媒体属性，用逗号连接 document最初显示时只会使用rel为stylesheet的link标记 rel定义为alternate stylesheet的为候选样式表（一般只有基于Gecko的浏览器支持）候选样式表定义相同的title，就可以把这些group到一起现在还有候选样式表的应用吗？？看firefox也没有看到，就当一个了解吧 @import样式表出现在<style type="text/css">里面，必须放在其他规则之前，否则会被忽略网上看到的link和@import的区别，个人感觉最大的区别就是加载顺序的不同，其他影响不大
引入css外部文件的两种方法为在html页面通过link，src属性（注意空链接时的陷阱！），再者是通过CSS文件本身通过@import url()引入，虽然这两种方式都可以加载进来CSS文件，可是link和@import也存在着细微的差别。隶属上的差别 link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。此处注意浏览器的link src为空时候时会导致页面加载次数增多。 @import次数限制传闻在IE6下，@import只能引入31次css文件，可是可以通过在css文件中再次import来垂直扩展，断桥残雪没有测试过，不过如果出现这样的情况，说明这个写代码的人也挺变态的。加载顺序的不同当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS文件会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式，然后突然样式会出现，网速慢的时候还挺明显，@import这点跟把CSS文件放在页面结尾效果相同，不过如果我们一些样式开始页面并不会出现，而是在交互时才出现的CSS样式，可以通过这个方法引入，时间上错开。例如：Ajax的html，交互时的弹出框，弹出div等兼容性上的差别由于@import是CSS2.1提出的，@import只有在IE5以上的才能识别，而link标签无此问题（似乎影响不大~）。使用DOM控制样式时的差别当使用javascript控制DOM(document.styleSheets)去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。所以，无特殊情况推荐使用link来引入样式，尽量避免使用@import，而如果进行Ajax或者交互的样式，则可以通过@import引入
引自第一章 css和文档

推荐

回应 2013-06-24 21:24

展开收起
前6章总结

江湖骗子 (嗯啊那是)

第1章，CSS和HTML介绍，学完可以明白CSS如何连接到HTML，之后章节测试CSS排版效果的基础。不然CSS实现不了哇。第2章，选择器。各种从HTML中选择元素的方法，通过类，或者ID，或者各种属性，或者通过元素在文档中的位置，甚至目前文档中还不存在的伪类和伪元素。哎，小程序里只通过类选择就行了，顶多用一下伪类，so easy。第3章，结构和层叠，就是讲CSS里属性覆盖的问题。日常使用用处不大，知道个优先级就行。第4章，值和单...
2020-12-29 10:07

第1章，CSS和HTML介绍，学完可以明白CSS如何连接到HTML，之后章节测试CSS排版效果的基础。不然CSS实现不了哇。
第2章，选择器。各种从HTML中选择元素的方法，通过类，或者ID，或者各种属性，或者通过元素在文档中的位置，甚至目前文档中还不存在的伪类和伪元素。哎，小程序里只通过类选择就行了，顶多用一下伪类，so easy。
第3章，结构和层叠，就是讲CSS里属性覆盖的问题。日常使用用处不大，知道个优先级就行。
第4章，值和单位。设置文本样式，无非颜色、长度、单位等等，用各种长度定位好元素就行。重点在于长度里的相对长度，即em（字体大小为1em）和px（像素，小程序里是rpx，按iphone6为模板）。颜色其实UI会给具体的rgb值得，直接引用就行。
第5章字体和第6章文本，可以归为文本。字体里的字体系列挺有意思的，很新颖的说法，原来还有Times字体系列啊。我感觉这就当做小菜来看吧。重点还是第6章文本对齐方式、文本间隔、文本转换，很重要。

推荐

回应 2020-12-29 10:07
展开收起
第1页总结要点
盛昂
css2 各章值得注意的点，“表”一章暂时未列 1 html结构化语义化、css表现样式、层叠替换元素、非可替换元素行内元素、块元素块可以包裹于行内之中，xml不可以外联、内嵌、内联解析器设计原则：以确定的实值为准 2 选择器：元素、类、ID、属性文档结构选择器：后代、子伪类、伪元素 p:frist-child的意思是各快内第一个p p:frist-letter 3 权重继承，有些属性不继承层叠 4 数、百分比、颜色像素、em是指依据父容器的fo...
2018-12-12 00:08 1人喜欢
css2 各章值得注意的点，“表”一章暂时未列
1
html结构化语义化、css表现样式、层叠
替换元素、非可替换元素
行内元素、块元素
块可以包裹于行内之中，xml不可以
外联、内嵌、内联
解析器设计原则：以确定的实值为准
2
选择器：元素、类、ID、属性
文档结构选择器：后代、子
伪类、伪元素
p:frist-child的意思是各快内第一个p
p:frist-letter
3
权重
继承，有些属性不继承
层叠
4
数、百分比、颜色
像素、em是指依据父容器的fontsize为一个单位
url、关键字
5
字体备选
font-weight
font-size
text-decoration
white-space
6
text-indent:2em
text-align
line-height
vertical-align
word-spacing、letter-spacing
7
盒子模型：非可替换、可替换、块、行内
块-水平：
子宽度总和等于父宽度
width、margin可以为auto，auto就是自动补全余下。
margin可以为负值
替换元素的auto根据内容而定
块-垂直：
默认高度由内容决定
auto：margin为0
height必须设置显式容器高度；
负margin
相邻垂直margin合并，以大的为准
list
行：
非替换元素的padding、margin、border-width对“显示区域行”的高没有影响
替换元素的会更改显示区域行的高度，但不会更改line-height。
设置vertril-align为会更改显示区域的高度，不会更改line-height的值。
iline-block相当于可替换行内元素
8
百分比：
width、height为容器的对应width、heigth
margin为容器的width
padding为容器的width
9
transparent值
color可以继承
background-repeat
background-position
background-attachment
10
其他行内元素会环绕浮动元素；如果放得下一行（文本）内容，float脱离文本行位置依次浮动到左上，如果放不下float会另起一行。
浮动元素的margin不会合并
clear
position、包含块（absolute的包含块是最近的非static）
最大最小宽、高
overflow
clip:rect()
z-index
11
12
list-style-type
list-style-image
liststyleposition
:after/:before
content
quotes
counter
13
系统字体、颜色
cursor
outline
其他媒体、声音

推荐

回应 2018-12-12 00:08
展开收起
第10章浮动和定位
[已注销]
与第8章有所关联以下代码为何可以居中，其行为如何解释： .a { position: aboslute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
2016-11-21 09:29
与第8章有所关联以下代码为何可以居中，其行为如何解释：
.a { position: aboslute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

推荐

回应 2016-11-21 09:29
展开收起
第180页第 7 章基本视觉格式化

phantom (请重新编辑你的签名档)

图 7-16 的第一个示例有点懵逼，p 元素为什么有个上边距
2016-02-22 01:27

图 7-16 的第一个示例有点懵逼，p 元素为什么有个上边距

推荐

回应 2016-02-22 01:27

> 更多读书笔记（共42篇）

论坛 · · · · · ·


发现若干处排版和印刷错误	来自Roy	2 回应	2016-03-02
本书看不懂的若干地方	来自该石头不太冷	4 回应	2015-09-09
还不错	来自sysucgh		2010-08-09
又出中文版了？	来自zx🐷～	1 回应	2008-03-12

当前版本有售 · · · · · ·

+ 加入购书单

这本书的其他版本 · · · · · · ( 全部6 )

在哪儿借这本书 · · · · · ·

以下书单推荐 · · · · · · ( 全部 )

谁读这本书?

unique

4月8日想读

很晚很晚了

4月8日在读

程清源

4月3日想读

Penn

4月3日想读

tags:CSS 网页设计前端开发

> 278人在读

> 779人读过

> 1447人想读

二手市场

9本二手书欲转让 (1.00 至 30.00元)
在豆瓣转让有1447人想读,手里有一本闲着?
孔网上门收书
转让给其他二手平台？

订阅关于CSS权威指南（第三版）的评论:
feed: rss 2.0

CSS权威指南（第三版）

内容简介 · · · · · ·

目录 · · · · · ·

原文摘录 · · · · · · ( 全部 )

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

丛书信息

喜欢读"CSS权威指南（第三版）"的人也喜欢的电子书 · · · · · ·

喜欢读"CSS权威指南（第三版）"的人也喜欢 · · · · · ·

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

1 有用 T-Lin 2015-08-25

1 有用 陈大强bigwall 2015-11-02

0 有用 tyskin汩余不及 2011-04-01

0 有用 王二小 2013-08-06

0 有用 李佩西 2016-06-01

0 有用 [已注销] 2021-02-19

0 有用 卧虫 2021-01-18

0 有用 江湖骗子 2021-01-12

0 有用 米斯特靠谱 2021-01-04

0 有用 [已注销] 2020-07-03

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

1

2

3

4

5

6

7

8

9

10

11

12

13

1

2

3

4

5

6

7

8

9

10

11

12

13

1

2

3

4

5

6

7

8

9

10

11

12

13

论坛 · · · · · ·

当前版本有售 · · · · · ·

这本书的其他版本 · · · · · · ( 全部6 )

在哪儿借这本书 · · · · · ·

以下书单推荐 · · · · · · ( 全部 )

谁读这本书?

二手市场

1 有用陈大强bigwall 2015-11-02

0 有用王二小 2013-08-06

0 有用李佩西 2016-06-01

0 有用卧虫 2021-01-18

0 有用江湖骗子 2021-01-12

0 有用米斯特靠谱 2021-01-04