首页 专题 H5案例 前端导航 UI框架

温故而知新-CSS篇

作者:TG 日期: 2019-10-22 字数: 2660 阅读: 2025

本系列文章共分为13篇,由浅入深的讲解了CSS的功能特性以及使用技巧,内容包括CSS选择器、盒子模型、Flex布局、Grid布局、CSS3 动画、过渡、CSS 媒体查询等。

目录

  1. CSS 选择器

本章会按类型来完整的介绍CSS选择器,包括ID选择器、类选择器、元素选择器、通配选择器、属性选择、组合选择器(相邻兄弟选择器、普通兄弟选择器、子选择器、后代选择器)、伪类、伪元素。此外,还将讨论选择器的权重(优先级)、继承、层叠。

  1. 文本

本章介绍文本功能,包括文本颜色、文本效果、文本方向、字体、字号、文本阴影等。

  1. 背景

本章介绍背景功能,包括背景尺寸、背景原点、多背景、固定背景、渐变色背景等。

  1. 边框

本章介绍边框功能,包括边框颜色、边框尺寸、图片边框、圆角、阴影、轮廓(outline)等。

  1. 页面布局

本章介绍布局功能,包括盒子模型、浮动布局、响应式布局、多列布局等。

  1. Flex 弹性盒子布局

本章介绍CSS3 弹性盒子(Flex Box)布局。

  1. Grid 网格布局

本章介绍Grid 网格布局。

  1. 定位

本章介绍5大定位类型,包括static、relative、absolute、fixed和sticky。

  1. 列表

本章介绍三种列表功能,包括有序列表、无序列表、计数器。

  1. 多媒体查询

本章介绍如何针对不同媒体类型定制不同的样式规则。

  1. 变形

本章介绍变形功能,包括移位、旋转、缩放、扭曲等效果。

  1. 过渡(Transition)

本章介绍过渡功能

  1. 动画(Animation)

本章介绍动画功能

目录