1 CSS入门
在学习了基本HTML标签和样式后，接下来学习前端开发的第二门技术。
我们发现，虽然标签的属性可以调整一些样式，但是效果不够理想，而我们更愿意把样式编写在<style> 标签中，让页面设计更美观更丰富，实际上，这是通过CSS实现的。那么什么是CSS呢？
如果说，HTML是网页的"素颜"，那么CSS就是页面的"美妆师"，它就是让网页的外观更漂亮！
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UTbIOinv-1601634116973)(assets/css1.jpg)]
CSS (层叠样式表——Cascading Style Sheets，缩写为 CSS），简单的说，它是用于设置和布局网页的计算机语言。会告知浏览器如何渲染页面元素。例如，调整内容的字体，颜色，大小等样式，设置边框的样式，调整模块的间距等。
所谓层叠 : 是指样式表允许以多种方式规定样式信息。可以规定在单个元素中，可以在页面头元素中，也可以在另一个CSS文件中，规定的方式会有次序的差别（讲解引入时说明）。
所谓样式：是指丰富的样式外观。拿边框距离来说，允许任何设置边框，允许设置边框与框内元素的距离，允许设置边框与边框的距离等等。
CSS发展简史【了解】
CSS1：1994 年，Hkon Wium Lie 最初提出了 CSS 的想法，联合当时正在设计 Argo 的浏览器的Bert Bos，他们决定一起合作设计 CSS，于是创造了 CSS 的最初版本。1996 年 12 月，W3C 推出了 CSS 规范的第一版本。
CSS2：1998 年，W3C 发布了 CSS 的第二个版本，目前的主流浏览器都采用这标准。CSS2 的规范是基于 CSS1 设计的，包含了 CSS1 所有的功能，并扩充和改进了很多更加强大的属性。
CSS3：2005 年 12 月，W3C 开始 CSS3 标准的制定，并遵循模块化开发，所以没有固定的发布时间，而是一段时间发布一些特性模块。
CSS是一门基于规则的语言 — 你能定义用于你的网页中特定元素的一组样式规则。这里面提到了两个概念，一是特定元素，二是样式规则。对应CSS的语法，也就是选择器（selects）和声明（eclarations）。
选择器：指定将要添加样式的 HTML元素的方式。可以使用标签名，class值，id值等多种方式。
声明：形式为属性(property):值(value)，用于设置特定元素的属性信息。
属性：指示文体特征，例如font-size，width，background-color。
值：每个指定的属性都有一个值，该值指示您如何更改这些样式。
格式：
举例：
视频老师了解资料 格式简介：语法由一个 选择器(selector)起头。 它 选择(selects) 了我们将要用来添加样式的 HTML元素。 在这个例子中我们为一级标题添加样式。 接着输入一对大括号{ }。 在大括号内部定义一个或多个形式为 属性(property):值(value); 的 声明(eclarations)。每个声明都指定了我们所选择元素的一个属性，之后跟一个我们想赋给这个属性的值。 冒号之前是属性，冒号之后是值。不同的CSS 属性(properties) 对应不同的合法值。在这个例子中，我们指定了 color 属性，它可以接受许多 颜色值(lor values)。 还有 font-size 属性， 它可以接收许多 size units 值。
在初始页面的<body>标签中，加入一对<h1> 标签。<h1>标签规定的固定的标题样式。
在<head>标签中加入一对<style> 标签中，表示准备应用样式。
编写样式
打开浏览器查看，文字的颜色和大小都发生改变，应用了新的样式，效果如图：
打开开发者工具
打开浏览器，点击键盘F12键，显示开发者工具窗口。
查看开发者工具
演示选择元素
演示修改样式
CSS是对HTML的补充，指定页面如何展示的语言。
CSS的主要部分有：
选择器：用来选择页面元素的方式。
声明：用来设置样式，格式属性名：值。
在学习CSS时，要抓住两个方面：
掌握多种选择器，能够灵活的选择页面元素。
掌握样式的声明，能够使用多种属性来设置多样的效果。
![龙珠训练营task04[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)