1.css：层叠样式，使用的时候是以属性和值的一对键值对的方式去定义,一对键值对与另外一对之间用分号隔开,同一个属性设置值的话一般使用空格隔开
{
background:red;
border:1px red solid
}
2.三个基本选择器:
(1)元素选择器:
使用元素名字选中元素
(2)id选择器:
使用#加上要被选中的元素的id取定位元素
(3)类选择器
使用类选择器首先要给需要选中的元素起一个类名，并在属性上加上class=“类名”，然后在css文件中使用
.类名{}的方式选择元素

基本选择器之间的优先级特点：影响范围越大，优先级越小，且同一选择器优先级上遵循覆盖选择

(4)后代选择器
使用格式：.wrap div{}将选中class=wrap的元素下的所有div元素
(5)子类选择器:只能选中某一个元素的直接子元素而不包括孙子元素
使用格式：.wrap>div将选中class=wrap的元素下下一级中所有div元素

(6)属性选择器：根据元素的属性有无或者属性值去选择元素
使用格式：*[title] {color:red;}对所有有title的标签设置样式
*[title=“1234”] {color:red;}给所有title值为"1234"的元素设置样式，可以根据需要自定义属
(7)伪类选择器：主要配合选择器设置特殊效果，方式就是选择器：关键字
常用的有：hover鼠标移入设置样式
.wrap:hover{
background:red;
}
鼠标移入设置背景为红色
.wrap:first-child{}为.wrap类下的第一个子元素设置样式
.wrap:nth-child(填写第几个元素)
3.
color 设置文字颜色
font-size:设置文字的大小，一般情况下默认16，字体最小值8
font-weight:设置文字的粗细,常用bold加粗
font-family:设置字体
font-style:italic设置斜体,默认为normal

文本设置
line-height:设置行高，常常用于设置文本的垂直居中
text-align：设置文本水平居中
text-decoration:none 去除下划线
text-indent:设置文本的缩进，单位为像素，可以通过font-size来确认字体大小

4.边框
4.1直接使用border设置：
border:宽度（像素） 样式（solid实线、dotted点状线、dashed虚横线）颜色

4.2.使用单独设置
border-color:

border-style:

4.3.border-radius
圆角处理：
border-radius:顺时针方向 从左上开始设置圆角
只填写三个:左上 右上左下 右下
只填写两个:左上右下 右上左下

4.4.box-shadow
box-shadow:阴影x轴方向偏移（px） 阴影y轴方向偏移(px) 模糊度(可以省略默认为0px，越大越模糊）扩散程度（可以省略，正值向外，负值向内,单位px） 颜色 inset（内阴影)
5.*background-color: 背景颜色
*background-image: 背景图片
*background-repeat：是否重复，如何重复?(平铺)
*background-position：定位
多层背景:
background:
url(./images/game/map_14.gif) no-repeat 100px 200px,
url(./images/game/map_17.gif) no-repeat 150px 200px,
url(./images/game/map_03.gif);