温故而知新-CSS篇
本系列文章共分为13篇,由浅入深的讲解了CSS的功能特性以及使用技巧,内容包括CSS选择器、盒子模型、Flex布局、Grid布局、CSS3 动画、过渡、CSS 媒体查询等。
目录
- CSS 选择器
本章会按类型来完整的介绍CSS选择器,包括ID选择器、类选择器、元素选择器、通配选择器、属性选择、组合选择器(相邻兄弟选择器、普通兄弟选择器、子选择器、后代选择器)、伪类、伪元素。此外,还将讨论选择器的权重(优先级)、继承、层叠。
- 文本
本章介绍文本功能,包括文本颜色、文本效果、文本方向、字体、字号、文本阴影等。
- 背景
本章介绍背景功能,包括背景尺寸、背景原点、多背景、固定背景、渐变色背景等。
- 边框
本章介绍边框功能,包括边框颜色、边框尺寸、图片边框、圆角、阴影、轮廓(outline)等。
- 页面布局
本章介绍布局功能,包括盒子模型、浮动布局、响应式布局、多列布局等。
- Flex 弹性盒子布局
本章介绍CSS3 弹性盒子(Flex Box)布局。
- Grid 网格布局
本章介绍Grid 网格布局。
- 定位
本章介绍5大定位类型,包括static、relative、absolute、fixed和sticky。
- 列表
本章介绍三种列表功能,包括有序列表、无序列表、计数器。
- 多媒体查询
本章介绍如何针对不同媒体类型定制不同的样式规则。
- 变形
本章介绍变形功能,包括移位、旋转、缩放、扭曲等效果。
- 过渡(Transition)
本章介绍过渡功能
- 动画(Animation)
本章介绍动画功能