HTML5：学习（5）CSS盒子模型

一：CSS盒子模型原理

CSS盒子具备的属性名：内容，内边距，边框，外边距，每个元素都有盒子模型。

DIV+CSS的布局思路：先考虑页面内容的语义和结构，再调整排版

关键点：实现结构与表现分离。

二：CSS预处理器

1：定义：它基于CSS扩展了一套自己的DSL，来解决书写CSS的问题，提供样式层复用机制，减少冗余代码，提高样式的可维护性。

2：主流三个预处理器：Less,Sass和Stylus

3：优点：用专门的编程语言，进行web页面样式设计，编译成css文件。

它为css增加编程的特性，无需考虑浏览器的兼容问题，可以使用变量，逻辑程序，函数，使得css更加简洁，适应性更强，可读性更加，易于维护。

三：使用CSS媒体查询针对不同设备编写响应式css