《CSS图鉴》内容简介

本书通过200多幅示意图直观地展示了常用CSS属性的用法及效果，涉及面广，包括伪类选择器、伪元素选择器、盒模型、位置、字体、阴影、元素可见性、浮动、颜色渐变、二维变换、三维变换、弹性盒布局、网格布局等。虽然CSS是为网站与Web应用程序的布局而生的，但才华横溢的用户界面设计师把它用到了极致。因此，为了增添趣味性，本书剖析了如何用CSS绘制艺术作品“太空中的特斯拉汽车”。书后附有属性索引，方便读者参阅。
格雷格·赛德尼科夫（Greg Sidelnikov） 以“JavaScript老师”自称，从2004年开始编写和出版各类程序设计教程，涉及CSS、JavaScript、jQuery、Node API等，其中一些被加州大学欧文分校等学校采用，另著有《JavaScript语法简明手册》。

作品目录

版权声明
前言
电子版
1、属性和属性值
1.1、位置
1.2、赋值
1.3、注释
1.4、赋值方式
1.5、CSS
变量
1.6、Sass/SCSS
1.7、CSS
背后的理念
1.8、CSS
选择器
1.9、宽松的环境
1.10、常用项
1.11、简写属性
2、伪类选择器
3、盒模型
4、位置
5、字体和文本
5.1、文本对齐
5.2、控制最后一行的对齐方式
5.3、文本溢出
5.4、跨越下划线
5.5、文本渲染
5.6、文本缩进
5.7、文本方向
5.8、文字阴影
5.9、其他效果
6、圆角边框、外边距、阴影、溢出
7、显示
8、元素可见性
9、浮动元素
10、颜色渐变
10.1、概览
用于演示渐变的样本元素
10.2、渐变类型
11、背景图片
11.1、设置多个属性值
11.2、
background-position
11.3、多重背景
11.4、
background-attachment
11.5、
background-origin
12、
object-fit
13、边框
13.1、概览
13.2、椭圆边框半径
14、二维变换
14.1、移动
14.2、旋转
15、三维变换
15.1、
rotateX
和
perspective
15.2、
rotateY
和
rotateZ
15.3、缩放
15.4、移动
15.5、构建立方体
16、弹性盒布局
16.1、
display:
flex
16.2、主轴和交叉轴
16.3、方向
16.4、换行
16.5、
flex-flow
16.6、
justify-content
16.7、
align-content
16.8、
align-items
16.9、
flex-basis
16.10、
flex-grow
16.11、
flex-shrink
16.12、
order
16.13、
justify-items
与
justify-content
17、CSS
网格布局
17.1、创建你的第一个
CSS
网格布局
17.2、隐式行和隐式列
17.3、
grid-auto-rows
17.4、自动列宽
17.5、间隔
17.6、
fr
单位
17.7、重复值
17.8、
span
17.9、起点和终点
17.10、起点和终点的简写形式
17.11、内容对齐方式
17.12、模板区域
17.13、为网格线命名
18、CSS
与太空中的特斯拉
作者简介
看完了