CSS（1）Google图标制作练习

今天开始结合样式了，今天的练习非常简单！持续发力，做个酷girl！
首先介绍一下CSS。

CSS （层叠样式表） 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力

• CSS 语法结构
  选择器{ 属性：值; 属性：值;…}

• 引入CSS 样式的方法
  1.内联式(行内式)：

<标签名 style="属性1:属性值1; 属性2:属性值2; ..."> 内容 </标签名>
<p style="color:blue;">持续发力，做个酷girl！</p> 

优点：十分灵活，书写方便，权重高（后面会提到）。
缺点：只能操作某一个标签，没有实现样式和结构相分离。

2.内嵌式（内部样式表&#x