CSS图鉴

你知道如何用CSS画圆形、矩形和正方形吗？ 你知道如何使这些基本形状变得不规则吗？ 你知道如何用CSS组合不规则形状，从而创作出艺术作品吗？ 本书用200余幅示意图展示了CSS属性的丰富效果。用好这些属性，你就能成为富有艺术气息的Web前端设计师。快拿起CSS“画笔”，一起来创作吧！ 【英文版读者评论】 “这本书蕴藏精华，我每次翻开它都有新的收获。” “我学CSS不久，非常庆幸能有这本图解书作为参考和指导。” “如果你想快速了解弹性盒布局和网格布局，那么选择这本书不会错。”

本书通过200多幅示意图直观地展示了常用CSS属性的用法及效果，涉及面广，包括伪类选择器、伪元素选择器、盒模型、位置、字体、阴影、元素可见性、浮动、颜色渐变、二维变换、三维变换、弹性盒布局、网格布局等。虽然CSS是为网站与Web应用程序的布局而生的，但才华横溢的用户界面设计师把它用到了很好。因此，为了增添趣味性，本书剖析了如何用CSS绘制艺术作品“太空中的特斯拉汽车”。书后附有属性索引，方便读者参阅。

格雷格·赛德尼科夫以“JavaScript老师”自称，从2004年开始编写和出版各类程序设计教程，涉及CSS、JavaScript、jQuery、Node API等，其中一些被加州大学欧文分校等学校采用，另著有《JavaScript语法简明手册》。

1属性和属性值1
1．1位置1
1．2赋值2
1．3注释2
1．4赋值方式3
1．5CSS变量4
1．6SassSCSS4
1．7CSS背后的理念5
1．8CSS选择器7
1．9宽松的环境7
1．10常用项7
1．11简写属性8
2伪类选择器9
3盒模型11
4位置15
5字体和文本17
5．1文本对齐20
5．2控制最后一行的对齐方式21
5．3文本溢出22
5．4跨越下划线24
5．5文本渲染25
5．6文本缩进26
5．7文本方向27
5．8文字阴影30
5．9其他效果31
6圆角边框、外边距、阴影、溢出34
7显示41
8元素可见性44
9浮动元素45
10颜色渐变46
10．1概览46
10．2渐变类型49
11背景图片55
11．1设置多个属性值59
11．2background-position59
11．3多重背景61
11．4background-attachment63
11．5background-origin64
12object-fit66
13边框67
13．1概览67
13．2椭圆边框半径70
14二维变换74
14．1移动74
14．2旋转75
15三维变换78
15．1rotateX和perspective78
15．2rotateY和rotateZ79
15．3缩放79
15．4移动80
15．5构建立方体81
16弹性盒布局83
16．1display：flex83
16．2主轴和交叉轴83
16．3方向85
16．4换行85
16．5flex-flow86
16．6justify-content88
16．7align-content89
16．8align-items91
16．9flex-basis92
16．10flex-grow92
16．11flex-shrink92
16．12order93
16．13justify-items与justifycontent94
17CSS网格布局95
17．1创建你的第一个CSS网格布局96
17．2隐式行和隐式列99
17．3grid-auto-rows100
17．4自动列宽102
17．5间隔102
17．6fr单位108
17．7重复值111
17．8span112
17．9起点和终点116
17．10起点和终点的简写形式119
17．11内容对齐方式121
17．12模板区域123
17．13为网格线命名125
18CSS与太空中的特斯拉127
属性索引137