1.6 教程特点

原创声明。未经许可,不得转载,作者:小步教程。

1.6.1 独创内容

(1)以模型为中心讲解CSS属性,全面讲解模型的规范规则。

(2)体系化。包括以下内容的体系化:模型、调试方法、概念、项目开发过程。

(3)提出概念“广义BFC”。

广义BFC模型(也称BFC)
= 流式布局
= BFC模型 + IFC模型 + 定位模型
= Visual formatting model(w3) 
= 视觉格式化可视化模型(MDN中文版)

(4)FC以及内部抽象对象的可视化表示。

(5)系统的展示踩坑爬坑。本教程系统讲解常见错误与问题,故意制造各种常见错误并假装不知道,然后分析、定位与解决问题。希望同学们学会避坑。


1.6.2 教程特点

(1)讲清楚。以通俗易懂为基本原则;不回避难点,必要难点讲到讲透;关键细节讲到,常见问题讲到。

(2)难点讲透。从模型角度讲透,通过各种图形(模型示意图等)与案例把每个知识点讲解透彻,特别是不易理解的知识点:选择器、FC、流式布局、BFC、margin折叠、IFC、行盒、vertical-align、bounds模型、strut、包含块containing block、float本质。

(3)不独立讲解CSS属性。

(4)对待调试像对待语法一样重视。学习每个知识点,第一时间制造错误并调试。

(5)对待CSS层叠性像对待语法一样重视。

(6)讲解CSS规范规则的底层逻辑。对于遇到的CSS规范规则,讲解如何识别它、它存在的底层逻辑、常见处理方法。

(7)项目的分析设计。项目编码之前必定有分析设计,包括一题多解以及比较。

(8)术语设计。严格按照w3c与MDN术语。