CSS 基础语法和布局

路线前端CSS

CSS 规则

CSS 由一个个的规则（Rule）组成，一个规则的组成如下：

• 选择器（Selector）
• 声明（Declaration）
  • 属性名（Property）
  • 属性值（Property Value）

CSS 基础布局

常用基础布局如下：

• 正常布局流
• 浮动(float)
• 定位(position)
• flex 布局
• grid 布局
• table 布局
• 多列布局

基于以上基本布局，可以实现任意自定义布局。

📚推荐书籍

中文书籍

深入

实践

英文书籍

• 《CSS The Definitive Guide, 4th Edition》
• 《CSS Pocket Reference, 5th Edition》
• 《Basic Visual Formatting in CSS》
• 《Colors Backgrounds and Gradients》
• 《CSS Floating》
• 《CSS in Depth》
• 《CSS Text》
• 《Positioning in CSS》
• 《Selectors, Specificity, and the Cascade》
• 《Table Layout in CSS》
• 《Transforms in CSS》
• 《Transitions and Animations in CSS》
• 《Values, Units, and Colors》

CSS 一般搭配 HTML 一起学习，所以请参考 基础三件套的书籍。

💻推荐网站

MDN CSS

MDN CSS 选择器 参考手册

菜鸟教程 CSS 选择器 参考手册

MDN CSS 布局