4.1 css是什么

CSS是CascadingStyleSheets的缩写，意思是层叠式样式表。
按照内容和样式分离的原则，HTML负责内容的标注，而CSS负责样式。
样式简单说的就是网页的外观：页面布局、元素的外观（颜色、背景、大小）
CSS可以嵌入在网页内，也可以单独成文件。嵌入在网页内，只能放在header标签内:
<html>
    <head>
    <style>
    css写在这里
    </style>
    </head>
    <body>
    </body>
</html>
css是一种说明语言，某个属性有什么值，就构成一个规则，用中文来说明就是这样：
选择器{
    背景颜色:红色;
    字体大小:23像素;
}
CSS规则是固定的的，它可选的值也是有范围的，属性和值之间用冒号隔开，规则与规则之间用分号隔开
选择器是指这些规则将用到哪些元素上。

另外CSS常用的单位有以下：
px是一种绝对长度单位，它表示像素（Pixel）。像素是屏幕上显示的最小点，在不同的设备上显示的大小可能会有所不同。在使用`px` 作为长度单位时，1px等于屏幕上的1个物理像素。相对于相对长度单位`em`、`rem`等，`px`的值是固定的、不可变的
em是一种相对长度单位，它的值相对于元素的字体大小。它用于表示相对于父级元素字体大小的倍数。例如，如果父元素的字体大小为16px，一个子元素设置`font-size:1.5em`，那么子元素的字体大小就为24px（16px*1.5）。因此，`em`的值是可变的（相对的），它与字体大小有关。
rem是一种相对根元素字体大小的相对长度单位，即相对于根元素`html`元素的字体大小。根元素字体大小默认为 `16px`，如果`html`元素字体大小为`16px`，1个`rem`等于`16px`。`rem` 是相对的，它会随着根元素字体大小的变化而变化，适合设计响应式布局。`rem`的兼容性较好，可用于大多数主流浏览器。

css还可以直接写在元素的style属性里面，写法和style里面是一样的，每条规则用分号隔开。如下所示：
<div style="color:#FFF;background:#000">
    我是反色的字
</div>
#FFF表示黑色，#000表示白色，这段的意思是背景是黑色，字颜色是白色