新書推薦：
《
尼罗河往事：古埃及文明4000年
》
售價：NT$
347.0
《
一个人·谁也不是·十万人（诺贝尔文学奖得主反思自我的巅峰之作）
》
售價：NT$
250.0
《
重写晚明史（全5册 精装）
》
售價：NT$
3560.0
《
汉末晋初之际政治研究
》
售價：NT$
602.0
《
强者破局：资治通鉴成事之道
》
售價：NT$
367.0
《
鸣沙丛书·鼎革：南北议和与清帝退位
》
售價：NT$
551.0
《
从康德到黑格尔的发展：兼论宗教哲学（英国观念论名著译丛）
》
售價：NT$
275.0
《
突破不可能：用特工思维提升领导力
》
售價：NT$
352.0
|
| 編輯推薦： |
- 茫茫星海中鲸鱼永不犯错的航行，
- 那是因为有星辰的指引；
- 芸芸CSS世界中想要不断突破瓶颈，
- 需要有本书的指引。
CSS入门简单深入难，无数人遇到天花板，本书是打破能力上升瓶颈之作。
前端开发行业潜心近10年一直研究看似简单的CSS的人可谓是凤毛麟角，作者从2009年开始写原创技术文章，现在其博客已经成为国内访问量巨大的个人前端博客之一，可以说众多前端初学者是看着作者的博客成长的。
本书几乎所有内容都是经过作者自我思考和认知提炼后的产物，都是其他地方难得一见的干货。本书不会像传统书籍一样，一个知识点就是一节，因为CSS的各个属性的表现和行为相互间是参杂在一起的，很难一个一个分开，为了把错综复杂的CSS知识点讲好，本书以独特的世界观的视角去看待CSS。
为了拓展和更直观演示各个特性的效果，书中每个案例都有对应的在线demo演示页面，以二维码形式放在书中，方便读者扫码查看，快速体验。
|
| 內容簡介： |
本书从前端开发人员的需求出发，以流为线索，从结构、内容到美化装饰等方面，全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点。同时，作者结合多年的从业经验，通过大量的实战案例，详尽解析CSS的相关知识与常见问题。作者还为本书开发了专门的配套网站，进行实例展示、问题答疑。
作为一本CSS深度学习的书，书中介绍大量许多前端开发人员都不知道的CSS知识点。通过阅读本书，读者会对CSS世界的深度和广度有一个全新的认识。
|
| 關於作者： |
|
张鑫旭，前端开发工程师，国内知名前端博客鑫空间-鑫生活博主，目前就职于阅文集团用户体验设计部（YUX），担任技术经理。2007年开始接触前端，10年来一直工作在前端开发一线，在HTMLCSS等与交互体验关系密切的领域花了大量的时间学习和研究，有比较多的心得体会。
|
| 目錄：
|
目 录
第 1章 概述1
1.1CSS世界的世界观1
1.2世界都是创造出来的3
1.3CSS完胜SVG的武器流4
1.3.1何为流5
1.3.2 流是如何影响整个CSS世界的6
1.3.3什么是流体布局6
1.4CSS世界的开启从IE8开始6
1.5table自己的世界7
1.6CSS新世界CSS37
第 2章 需提前了解的术语和概念8
2.1务必了解的CSS世界的专业术语8
2.2了解CSS世界中的未定义行为11
第3章 流、元素与基本尺寸13
3.1块级元素13
3.1.1为什么list-item元素会出现项目符号15
3.1.2display：inline-table的盒子是怎样组成的16
3.1.3widthheight作用在哪个盒子上16
3.2widthheight作用的具体细节16
3.2.1深藏不露的width：auto17
3.2.2width值作用的细节24
3.2.3CSS流体布局下的宽度分离原则27
3.2.4改变widthheight作用细节的box-sizing29
3.2.5相对简单而单纯的height：auto33
3.2.6关于height：100%33
3.3CSS min-widthmax-width和min-heightmax-height二三事37
3.3.1为流体而生的min-widthmax-width38
3.3.2与众不同的初始值38
3.3.3超越!important39
3.3.4任意高度元素的展开收起动画技术40
3.4内联元素42
3.4.1哪些元素是内联元素42
3.4.2内联世界深入的基础内联盒模型42
3.4.3幽灵空白节点44
第4章 盒尺寸四大家族45
4.1深入理解content45
4.1.1content与替换元素45
4.1.2content内容生成技术57
4.2温和的padding属性73
4.2.1padding与元素的尺寸73
4.2.2padding的百分比值77
4.2.3标签元素内置的padding79
4.2.4padding与图形绘制80
4.3激进的margin属性81
4.3.1margin与元素尺寸以及相关布局82
4.3.2margin的百分比值87
4.3.3正确看待CSS世界里的margin合并87
4.3.4深入理解CSS中的margin：auto94
4.3.5margin无效情形解析97
4.4border属性100
4.4.1为什么border-width不支持百分比值100
4.4.2了解各种border-style类型101
4.4.3border-color和color105
4.4.4border与透明边框技巧106
4.4.5border与图形构建108
4.4.6border等高布局技术109
第5章 内联元素与流111
5.1字母xCSS世界中隐匿的举足轻重的角色111
5.1.1字母x与CSS世界的基线111
5.1.2字母x与CSS中的x-height112
5.1.3字母x与CSS中的ex113
5.2内联元素的基石line-height114
5.2.1内联元素的高度之本line-height114
5.2.2为什么line-height可以让内联元素垂直居中119
5.2.3深入line-height的各类属性值121
5.2.4内联元素line-height的大值特性124
5.3line-height的好朋友vertical-align126
5.3.1vertical-align家族基本认识127
5.3.2vertical-align作用的前提129
5.3.3vertical-align和line-height之间的关系131
5.3.4深入理解vertical-align线性类属性值135
5.3.5深入理解vertical-align文本类属性值141
5.3.6简单了解vertical-align上标下标类属性值142
5.3.7无处不在的vertical-align143
5.3.8基于vertical-align属性的水平垂直居中弹框144
第6章 流的破坏与保护147
6.1魔鬼属性float147
6.1.1float的本质与特性147
6.1.2float的作用机制151
6.1.3float更深入的作用机制154
6.1.4float与流体布局155
6.2float的天然克星clear157
6.2.1什么是clear属性157
6.2.2成事不足败事有余的clear158
6.3CSS世界的结界BFC160
6.3.1BFC的定义160
6.3.2BFC与流体布局160
6.4结界overflow164
6.4.1overflow剪裁界线border box165
6.4.2了解overflow-x和overflow-y166
6.4.3overflow与滚动条166
6.4.4依赖overflow的样式表现169
6.4.5overflow与锚点定位170
6.5float的兄弟position：absolute177
6.5.1absolute的包含块178
6.5.2具有相对特性的无依赖absolute定位184
6.5.3absolute与text-align191
6.6absolute与overflow193
6.7absolute与clip195
6.7.1重新认识的clip属性196
6.7.2深入了解clip的渲染198
6.8absolute的流体特性199
6.8.1当absolute遇到lefttoprightbottom属性199
6.8.2absolute的流体特性200
6.8.3absolute的margin：auto居中202
6.9position：relative才是大哥202
6.9.1relative对absolute的限制203
6.9.2relative与定位203
6.9.3relative的zui小化影响原则206
6.10强悍的position：fixed固定定位207
6.10.1position：fixed不一样的包含块207
6.10.2position：fixed的absolute模拟208
6.10.3position：fixed与背景锁定209
第7章 CSS世界的层叠规则211
7.1z-index只是CSS层叠规则中的一叶小舟211
7.2理解CSS世界的层叠上下文和层叠水平212
7.2.1什么是层叠上下文212
7.2.2什么是层叠水平212
7.3理解元素的层叠顺序212
7.4务必牢记的层叠准则214
7.5深入了解层叠上下文214
7.5.1层叠上下文的特性214
7.5.2层叠上下文的创建214
7.5.3层叠上下文与层叠顺序217
7.6z-index负值深入理解219
7.7z-index不犯二准则223
第8章 强大的文本处理能力225
8.1line-height的另外一个朋友font-size225
8.1.1font-size和vertical-align的隐秘故事225
8.1.2理解font-size与ex、em和rem的关系227
8.1.3理解font-size的关键字属性值229
8.1.4font-size：0与文本的隐藏231
8.2字体属性家族的大家长font-family232
8.2.1了解衬线字体和无衬线字体233
8.2.2等宽字体的实践价值234
8.2.3中文字体和英文名称236
8.2.4一些补充说明237
8.3字体家族其他成员238
8.3.1貌似粗犷、实则精细无比的font-weight238
8.3.2具有近似姐妹花属性值的font-style241
8.3.3不适合国情的font-variant242
8.4font属性242
8.4.1作为缩写的font属性242
8.4.2使用关键字值的font属性243
8.4.3font关键字属性值的应用价值246
8.5真正了解@font face规则247
8.5.1@font face的本质是变量247
8.5.2@font face与字体图标技术255
8.6文本的控制258
8.6.1text-indent与内联元素缩进258
8.6.2letter-spacing与字符间距261
8.6.3word-spacing与单词间距263
8.6.4了解word-break和word-wrap的区别264
8.6.5white-space与换行和空格的控制265
8.6.6text-align与元素对齐267
8.6.7如何解决text-decoration下划线和文本重叠的问题271
8.6.8一本万利的text-transform字符大小写273
8.7了解：first-letter：first-line伪元素274
8.7.1深入：first-letter伪元素及其实例274
8.7.2故事相对较少的：first-line伪元素277
第9章 元素的装饰与美化280
9.1CSS世界的color很单调280
9.1.1少得可怜的颜色关键字280
9.1.2不支持的transparent关键字282
9.1.3不支持的currentColor变量282
9.1.4不支持的rgba颜色和hsla颜色282
9.1.5支持却鸡肋的系统颜色283
9.2CSS世界的background很单调285
9.2.1隐藏元素的background-image到底加不加载285
9.2.2与众不同的background-position百分比计算方式286
9.2.3background-repeat与渲染性能287
9.2.4外强中干的background-attachment：fixed288
9.2.5background-color背景色永远是很低的289
9.2.6利用多背景的属性hack小技巧290
9.2.7渐变背景和rgba背景色的兼容处理290
第 10章 元素的显示与隐藏292
10.1display与元素的显隐294
10.2visibility与元素的显隐296
10.2.1不仅仅是保留空间这么简单296
10.2.2了解visibility：collapse301
第 11章 用户界面样式302
11.1和border形似的outline属性302
11.1.1万万不可在全局设置outline：0 none302
11.1.2真正的不占据空间的outline及其应用304
11.2光标属性cursor307
11.2.1琳琅满目的cursor属性值307
11.2.2自定义光标314
第 12章 流向的改变315
12.1改变水平流向的direction315
12.1.1direction简介315
12.1.2direction的黄金搭档unicode-bidi318
12.2改变CSS世界纵横规则的writing-mode320
12.2.1writing-mode原本的作用321
12.2.2writing-mode不经意改变了哪些规则324
12.2.3writing-mode和direction的关系328
|
|
購物車/收銀台(0) | 在線留言板
| 付款方式
| 聯絡我們
| 運費計算
| 幫助中心 |
加入書簽
HOME
新書上架
