开发者学堂课程【零基础学前端 HTML+CSS ：CSS 样式规则】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/398/detail/5128
CSS 样式规则
内容介绍
一、选择符
二、属性
三、声明
四、属性值
前言
不管是 html 语言还是 css 样式，不管是 html 语言，都需要一个规范的语法来约束。
选择符也可以叫做选择器，后面是属性，冒号是声明，蓝色的部分是值，CSS 样式和 html 属性的写法比较像。一个属性冒号后面是一个值。
<! DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title</title>
</head>
<body bgcolor=”#7fffd4“>
<div>内容1</div><div>内容2</div>
<span>内容3</span><span>内容4</span>
</body>
</html>
bgcolor，首先有一个大括号，里面的属性冒号是值，分号是的结尾符，必须要写，要分隔里面到底有多少个样式。有很多个选择器类型会一一介绍。
一、选择符( selector )
所谓选择符就是规则中用于选择文档中要应用样式的那些元素。该元素可以是 HTML 的某个标签，也可以是页面中指定的 class (类)或者 id 属性限定的标记。
二、声明
声明包含在一对大括号“{}”内，用于告诉浏览器如何渲染页面中与选择符相匹配的对象。声明内部由属性及其属性值组成，并用冒号隔开，以分号结束，声明的形式可以是一个或者多个属性的组合。
三、属性( property )
属性是由官方 CSS 规范约定的，而不是自定义的，除个别浏览器私有属性以外。
四、属性值( value )
属性值放置在属性名和冒号后面，具体内容跟随属性的类别而呈现不同形式，一般包括数值、单位以及关键字。
样式表的样子
. placeholder {
color:#999 ;
}
.text-sm {
font-size: 12px;
}
.text-xs {.
font-size: 10px;
}
.placeholder 就是选择符，这就是样式的一个规则，选择符有很多种，在 css3 里面，又增加了六七种选择的形式，选择的形式是可以指派一个人出去，指派两个人同时出去，指派一个人后面的人出去，有很多种方式来进行指判，再接一个大括号，大括号里面的是属性，冒号后面是值，以分号来进行结束，最后用大括号来结尾，这就是一套样式。在这里面，这三个是不同的样式，分别进行了命名，这就是样式的规则。
