网志栈编辑推荐
你知道如何用CSS画圆形、矩形和正方形吗？ 你知道如何使这些基本形状变得不规则吗？ 你知道如何用CSS组合不规则形状，从而创作出艺术作品吗？ 本书用200余幅示意图展示了CSS属性的丰富效果。用好这些属性，你就能成为富有艺术气息的Web前端设计师。快拿起CSS“画笔”，一起来创作吧！ 【英文版读者评论】 “这本书蕴藏精华，我每次翻开它都有新的收获。” “我学CSS不久，非常庆幸能有这本图解书作为参考和指导。” “如果你想快速了解弹性盒布局和网格布局，那么选择这本书不会错。”
内容简介
本书通过200多幅示意图直观地展示了常用CSS属性的用法及效果，涉及面广，包括伪类选择器、伪元素选择器、盒模型、位置、字体、阴影、元素可见性、浮动、颜色渐变、二维变换、三维变换、弹性盒布局、网格布局等。虽然CSS是为网站与Web应用程序的布局而生的，但才华横溢的用户界面设计师把它用到了极致。因此，为了增添趣味性，本书剖析了如何用CSS绘制艺术作品“太空中的特斯拉汽车”。书后附有属性索引，方便读者参阅。
作者简介
格雷格·赛德尼科夫（Greg Sidelnikov） 以“JavaScript老师”自称，从2004年开始编写和出版各类程序设计教程，涉及CSS、JavaScript、jQuery、Node API等，其中一些被加州大学欧文分校等学校采用，另著有《JavaScript语法简明手册》。
目录
1 属性和属性值 1
1.1 位置 1
1.2 赋值 2
1.3 注释 .2
1.4 赋值方式 3
1.5 CSS 变量 4
1.6 Sass/SCSS 4
1.7 CSS 背后的理念 5
1.8 CSS 选择器 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.2 background-position 59
11.3 多重背景 61
11.4 background-attachment 63
11.5 background-origin 64
12 object-fit 66
13 边框 67
13.1 概览 67
13.2 椭圆边框半径 70
14 二维变换 74
14.1 移动 74
14.2 旋转 75
15 三维变换 78
15.1 rotateX和perspective 78
15.2 rotateY和rotateZ 79
15.3 缩放 79
15.4 移动 80
15.5 构建立方体 81
16 弹性盒布局 83
16.1 display: flex 83
16.2 主轴和交叉轴 83
16.3 方向 85
16.4 换行 85
16.5 flex-flow 86
16.6 justify-content 88
16.7 align-content 89
16.8 align-items 91
16.9 flex-basis 92
16.10 flex-grow 92
16.11 flex-shrink 92
16.12 order 93
16.13 justify-items与justifycontent 94
17 CSS网格布局 95
17.1 创建你的第一个CSS网格布局 6
17.2 隐式行和隐式列 99
17.3 grid-auto-rows 100
17.4 自动列宽 102
17.5 间隔 102
17.6 fr单位 108
17.7 重复值 111
17.8 span 112
17.9 起点和终点 116
17.10 起点和终点的简写形式 119
17.11 内容对齐方式 121
17.12 模板区域 123
17.13 为网格线命名 125
18 CSS与太空中的特斯拉 127
属性索引 137
CSS图鉴 pdf下载声明
本pdf资料下载仅供个人学习和研究使用，不能用于商业用途，请在下载后24小时内删除。如果喜欢，请购买正版
