CSS

BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于上述定位方案的普通流。

Grid 布局是网站设计的基础，CSS Grid 是创建网格布局最强大和最简单的工具。它是一个二维的基于网格的布局系统，其目的只在于完全改变我们设计基于网格的用户界面的方式。

让一个网站可兼容不同分辨率的设备 给用户更好的视觉使用体验 随着移动终端设备的发展，移动web开发的需求也越来越多，移动产品的屏幕规格也多样化...

Animation 和 transition 大部分属性是相同的，他们都是随时间改变元素的属性值，他们的主要区别是 transition 需要触发一个事件才能改变属性。

在CSS中执行变形转换的属性是CSS3属性中的 transform，能够执行“位移”、“旋转”、“缩放”、“倾斜”、“翻转”和“透视”等变形转换的设置，可以让Web页面的表现更加的“活跃”。

在CSS中用于设置过渡特效的属性是 transition，该属性允许CSS的属性值在一定的时间区间内平滑地过渡。

在布局中，我们经常会遇到关于 元素对齐 的情况，解决方案也有多种，本篇文章主要讲解居中的各种对齐方式的解决方案。

网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。

在当今的HTML页面中，页面的背景色默认为 “白色”，除了少许的表单元素及HTML5规范后才出现的一些新的 “功能性” 元素标签，其它元素是不具有背景色的（也可以理解为透明的）。

所谓盒子模型，即是将网页布局中的元素（行内/行内块元素）进行拟物化的比喻，一个盒子由内容（content）、内间距（padding）、边框（border）以及外边距（margin）组成。

在HTML中，元素会按照标准的“文档流”布局方式进行布局，即“从左到右，从上到下”的方式进行布局，而通过CSS里面的部分定位和显示方式的设置可以使元素脱离“文档流”。

文本在HTML页面中是最基本的表现形式，通过文本能最有效而详细的说明网页中的内容。但若不对页面中的文本做任何处理，那会给用户浏览带来一些不好的体验。

高级选择器区别于CSS普通选择器，它并非是通过HTML页面标签中一些可见的因素进行选择（如标签名，属性名、值，同级关系，嵌套结构等），也不是对一些简单的操作条件进行选择。

在 CSS 中，选择器（ `Selector` ）是一种模式，用于选择需要添加样式的元素。本文主要讲解CSS基础选择器的使用。

CSS（Cascading Style Sheets，层叠样式表），用于设置HTML标签的样式。本文主要講解CSS的基本概念和引用方式。