1.如div{…}会给所有的<div></div>增加样式。
2.名前井号“#”：对应html中的标签的id属性，写法为#name。如#p1{…}会给<p>ID is p1</p>增加样式。
3.名前小数点“.”：对应html中标签的class属性，法写为.name。如.p2{…}会给<p>CLASS is p2</p>增加样式。
4.中间空格“ ”：系关到html标的签层次，法写为css css[ css[… css]]，可以设多。层如DIV #p1 .span1{…}
则会给<div><p><span></span></p></div>中最内部的span1增加样式。
这样写的CSS必须格严遵守CSS与HTML标签层，次以下情况不被会这条CSS所应用：
<span></span>
<p><span></span></p>
<div><span></span></div>
5.中逗间号“,” ：表并示列关系，即该CSS有多个名称（可以简精重复的CSS样式）
如body,form,div{…}会为有所的<body></body>、<form></form>、<div></div>增样加式
6.名后冒号“:”：一般是状指态
如a:hover表示当鼠标停悬在a标签上时使的用样式
7.style中代点表类class,#代表id,也以可注释
h1代表html中元的素
tr.hr代表元素的元子素
@ css3的transition是直接写在选择器上？
写在哪里是要分情况的，是要看你想要实现什么效果。
1）如果写在选择器，如果是写的rotate等事件，则直接执行事件，如果写的是transtion:all ease 0.5s，那么他在你鼠标移入以及鼠标移出的时候都会发挥作用。
2）写在hover上，那么他只会在鼠标移入的时候才执行你自己定义的transtion动作，移出没有效果；
@ 交集选择器的语法格式？
第一种格式类似于：
h1.center {color:red; text-align:center;}
这种格式由标签选择器和类选择器组成。
第二种格式类似于：
h1#center {color:red; text-align:center;}
这种格式由标签选择器和id选择器组成。
@ css设计器怎么用？
1、首先打开DreamweaverCC软件新建一个html文件，在右上角点击CSS设计器，并在下方点击加号，然后选择创建新的CSS文件：
2、在创建窗口中，点击浏览按钮。
3、然后选择站点创建好CSS文件夹，然后输入创建的CSS的名字，点击保存插件文件：
4、然后把添加为设置成链接，点击确定按钮：
5、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了：
6、此时在html文件中的head标签中，就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链接的样式表：
7、接下来在html网页编辑页面，在body标签中输入一个div：
8、然后在顶部tab标签中选择刚才创建的CSS样式表，并在样式表中写一个样式，命名为aaa，并按下快捷键Ctrl+S保存样式表：
9、最后回到html编辑页面，在div标签中引入class，输入刚才写的样式的名称aaa并保存网页：
10、最后点击顶部的设计按钮，就可以看到实时效果了，此时css文件就成功链接进去了：
