CSS知识点

css是一种用来为结构化文档添加样式（字体、间距和颜色等）的计算机语言css文件扩展名为 .css。

通过使用css我们可以大大提升网页开发的工作效率！

在我们的css教程中，您会学到如何使用css同时控制多重网页的样式和布局。

CSS选择器

如果你要在HTML元素中设置CSS样式，你需要在元素中设置id和 class选择器。

id选择器可以为标有特定id的HTML元素指定特定的样式

class用来描述一组的元素的特定的样式，他和di的区别式可以在多个元素中使用

CSS的引入方式

css的引入方式有三种分别为：

内联式：此方式为直接在标签内直接设置css

内部式：此方式要在head标签内

外部式：单独写在一个css文件，之后引入html文件内

css盒子模型

css盒模型本质上是一个盒子，封装周围的html元素，它包括：边距，边框，填充，和实际内容。

Margin(外边距) ：清除边框外的区域，外边距是透明的

Border(边框) ：围绕在内边距和内容外的边框

Padding(内边距) ：清除内容周围的区域，内边距是透明的

Content(内容) ：盒子的内容，显示文本和图像

盒子模型分为两种：

正常盒模型：一个块的总宽度 = width（content的宽度） + margin（左右）+ padding（左右）+ border（左右）

怪异盒模型：一个块的总宽度 = width（content + border + padding）+ margin(左右)

css中的块和内联元素

块元素：独占一行。如：

<div>,<p>等

内联元素：只需要宽度，不强制其他内容换行。如：

<span>,<a>

我们也可以通过css更改内联元素和块元素，反之亦然，可以使页面看起来是以一种特定的方式组合，并仍然遵循web标准。