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 与太空中的特斯拉
• 作者简介
• 看完了