前军教程网

盒子模型:

由content(内容)、border(边框)、padding(间隙)、margin(边框)

一个盒子的实际宽度(或高度)是由content+padding+border+margin组成的;

在CSS中可以通过设定width和height的值来控制content的大小, 并且对于任何一个盒子, 都可以分别设定4条边各自的border、padding和margin。

原文：https://www.creativebloq.com/how-to/8-state-of-the-art-css-features

学习使用最新和最棒的CSS属性来构建和设计面向未来的网站。

CSS一直在不断地发展，规范中添加的许多功能，使得它成为web设计者手中一个强大的武器。

CSS的Grid将布局提升到了一个前所未有的高度，自定义属性引入了变量的概念，功能查询检测浏览器是否支持。媒体查询因为新的访问属性也提升到了一个新的高度。可变字体使得能用很少的代码提供去最大的创造力，滚动捕捉（scroll snapping）消除了对JavaScript的依赖。查看我们炫酷的CSS动画示例（https://www.creativebloq.com/inspiration/css-animation-examples），去看看你到底能创造出什么。或者，尝试用网站构造器（https://www.creativebloq.com/web-design/best-website-builder-8133804）构造一个网站（不需要写代码）。