说到语言，就要提起语法，所以这块知识主要是串起CSS的语法规则。

首先，先看下一些CSS代码片段

div{
	height:200px;
	color:#333;
	transform:rotate(90deg);
	animation: 1s rainbow;
}
@keyframes rainbow{
	from{
		background-color:yellow;
	}
	to{
		background-color:red;
	}
}

如上面的代码片段所示，

CSS的语法规则包括两种：

• qualified rule(普通规则 ) 例如：div{...}
• at rule (@规则) 例如： @keyframes rainbow

普通规则的语法构成

普通规则由选择器+声明区块构成,声明区块又由属性和值构成

div>p{
	color:red;
}

选择器：div>p
声明区块: {color:red}
	属性：color
	值：red

选择器

选择器的标准

从语法的角度分析选择器：

1. 任何选择器，都是由几个符号结构连接的：空格、>、+、~、||
2. 选择器可以是标签类选择器、id、class、和伪类

选择器的语法结构如下

complex-selector
	combinator
		空格
		>
		+
		~
		||
	compound-selector
		type-selector
		subclass-selector
			id
			class
			attribute
			pseudo-class
		paeudo-element