温馨前言：今天是美丽的周末，如果天气很好的 话,就多去外面走走，去公园或者爬山，如果天气不好的话,宅在家里懒懒的睡一觉， 未尝不是一个好的放松方式来 缓解一个星期以来疲惫而又沉重的身体, 你说呢？
颜色表示法
第一种：颜色名字表示法
比如： red, blue, green
注: 颜色对照表 [ tool.oschina.net/commons?typ… ]
第二种：rgb 表示法
r: red 红色
g: green 绿色
b: blue 蓝色
可以用 0-255 之间的一个值表示颜色深度
color: rgb(255, 22, 100);
rgb(0,0,0) => black
rgb(255,255,255) => 白色
rgb(255,0,0) => 红色
也可以用%百分比设置颜色的深度。如果用了百分比，那就全部都用百分比
Color: rgb(20%, 10%, 0%); // 百分号不能省略
第三种：十六进制颜色表示法
#802; red
#880022; blue
#00ff00; green
.
.
.
注：缩写成3个数字的情况：只有当 rgb三个颜色对应的数值都是两个相同的数字值时才可以省略成3个
比如： #889922 -----> #892
比如：十六进制： 0 1 2 3 456789 a b c d e f
单位表示法
相对单位： px ，像素。逻辑的相对。
假设我的屏幕是1280px， 网页中沾满全屏就是1280px。比如： 如果把屏幕分辨率设置成2000px， 网页全屏占 2000px。
- Cm： 1cm, 1mm
- 绝对单位
文字排版
设置字体的大小
设置文字大小，两种单位： px 相对单位 和 绝对单位 cm，mm
我们一般使用相对单位px ,像素
比如：
设置文字大小，两种单位： px 相对单位和 绝对单位 cm，mm ， in
我们一般使用相对单位px ,像素。
比如：
Div {
font-size: 14px;
}
em 是相对单位，em 就等于 1个字体大小 12px,那么 1em = 12px
em 可以设置元素的宽、高、边框、边距等。 比如：
div {
Width: 3em;
}
设置字体类型
font-family: 字体类型;
font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码：
p { font-family:"微软雅黑"；}
可以同时指定 多个字体，中间以逗号隔开
font-family:Verdana, Arial, '宋体';
注：西方国家字母体系分为两类：serif以及sans-serif。
注：
serif是有衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。相反的，sansserif就没有这些额外的装饰，而且笔画的粗细差不多。 为了更安全的设置：
font-family:tahoma,arial,'Hiragino Sans GB',\5b8b\4f53, sans-serif;
前面的字体都查找失败后， 在系统中找一种 sans-serif 字体作为默认字体。
注意顺序,如果把sans-serif放前面去， 后面的就都失效了！！
设置字体加粗
设置字体加粗：
font-weight:字体粗细取值。
font-weight 属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍），有继承性。
400：Normal
700: bold
字体的加粗跟字体有关，比如：一种字体只有两种粗细程度的变化，那么normal 到bold 和到bolder都是一样的效果。
// font-weight: normal;
// 加粗如果用数字显示： 400 normal， 700 bold 900 bolder
font-weight: 700;
字体合写
font 开头的CSS规则都可以直接合在一个font规则定义 语法规则：
选择器 {font: font-style font-weight font-size/line-height font-family; }
比如：
.box {
font: oblique bold 14px/2 SimSun,'Microsoft YaHei',sans-serif;
font: 14px SimSun;
font-style:oblique;
font-weight:bold;
font-size:14px;
// 行高为字体 的 1.5 倍
line-height:1.5;
font-family:SimSun ,'Microsoft YaHei',sans-serif;
}
注：其实，不需要设置的属性可以省略，但
font-size和font-family属性， 否则font属性 将不起作用
CSS 的文字外观属性
设置字体的颜色
color: 文本颜色
.box { color: red;}
.box { color: #ccc; } 十六进制表示法
.box { rgb(33,32, 33); } rgb 表示方法
设置文字的行高
行高定义： 两行文字基线的距离
设置文字的修饰线
text-decoration:文本装饰
text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果，其可用属性值如下：
-
<s>删除线</s> -
none：没有装饰（正常文本默认值）
-
underline：下划线
-
overline：上划线
-
line-through：删除线
注：text-decoration后可以赋多个值， 用于给文本添加多种显示效果，
例如： 希望文字同时有下划线和 上划线 还有 删除线的效果
span {
background-color: #ccc;
text-decoration: underline overline line-through;
}
设置字符间距和英文词间距
-
letter-spacing:字间距
-
word-spacing: 英文单词间距
比如：
// 控制字符之间的距离，可以为负值
letter-spacing: 2px;
// 控制英文单词之间的距离，可以为负值！
word-spacing: 2px;
空白符处理
在使用 HTML 制作网页是， 不论源代码中有多少空格， 在浏览器中只会显示 一个字符的空白，
在CSS中， 使用 white-space属性 可设置 空白符 的处理方式， 其属性值如下：
- normal 默认值（文本中的空格、空行无效，满行（到达区域边界）后自动换行）
- pre 预格式化（文本中的空格、空行无效，满行后自动换行）
- nowrap 空格空行无效！ 强制文本不能换行！除非 遇到换行标记
- 内容超出元素的边界 也不换行， 若超出浏览器页面 则会自动增加滚动条
彩蛋！
设置光标为 手型
img{
// 让光标 移到某个元素的时候变成小手的形状
cursor:pointer;
}
下节内容： CSS 盒模型 的 经典之处
