what is css

层叠样式表（Cascading Style Sheet，简称：CSS）是为网页添加样式的代码。本节将介绍 CSS 的基础知识，并解答类似问题：怎样将文本设置为黑色或红色？怎样将内容显示在屏幕的特定位置？怎样用背景图片或颜色来装饰网页？

和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言，这也就是说人们可以用它来选择性地为 HTML 元素添加样式。举例来说，要选择一个 HTML 页面里所有的段落元素，然后将其中的文本改成红色，可以这样写 CSS：

p {
    color: red;
}

• 选择器（Selector）
• 声明（Declaration）
• 属性（Properties）
• 属性的值（Property value）

p,
li,
h1 {
    color: red;
}

1 一切皆盒子

编写 CSS 时你会发现，你的工作好像是围绕着一个一个盒子展开的——设置尺寸、颜色、位置，等等。页面里大部分 HTML 元素都可以被看作若干层叠的盒子。

• padding：即内边距，围绕着内容（比如段落）的空间。
• order：即边框，紧接着内边距的线。
• argin：即外边距，围绕元素外部的空间。
• …

2 更多详情参考 mdn web doc