CSS

前端 结构 结构的布局 HTML 样式 网页样式 CSS 逻辑 网页动态交互 JavaScript HTML HyperText Markup Language 超文本标记语言（非编程语言）

CSS3 cascading style sheet 层叠样式表。CSS有三种书写方式，分别是内联样式（行内样式）、内部样式表，外部样式表。

CSS选择器 CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个 HTML 元素应当是被选为应用规则中的 CSS 属性值的方式。选择器所选择的元素，叫做“选择器的对象”

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。

在说浮动之前，先介绍一下文档流机制。 网页是一个多层的结构，通过CSS可以分别为每一层来设置样式。作为用户只能看到最顶上一层。这些层中，最底下的一层为文档流。文档流是网页的基础。

定位 定位是一种更加高级的布局手段，通过position属性可以将元素放置在页面的任意位置。 position可以设置以下值： static 默认值，元素是静止的，没有开启定位。 relative 相

CSS变形 通过变形可以对元素的位置，大小和角度进行修改。 transform属性 用于设置元素的变形，需要通过不同的变形函数实现元素不同的变形，变形不会影响其它元素的位置。