一，字體的設置
二，垂直居中
2.1，單行文本垂直居中
2.2，多行文本垂直居中
2.3，絕對定位元素垂直居中
三、顏色的表示法
四、background
---------------------------------------------------------
一，字體的設置
font-size:20px; （px像素；rem 和 em用在移動端的網頁）
font-weight: bold: 粗體 lighter：細體 100-900設置具體粗細
text-align: center; 居中
text-decoration: underline 有下划線； none 無下划線；
text-decoration: underline blue； 藍色下划線
cursor: pointer; 鼠標放上去變成手掌
text-indent:2em; 縮進（2個em是兩個字的距離，比如段落的前面縮進2em）
font-family：
英文的(例如“Microsoft YaHei”)能識別文本里的英文和中文， 中文的(例如"微軟雅黑")只能識別中文字體
二，垂直居中
2.1，單行文本垂直居中
line-height: xx px ; 如果行高等於盒子高度就垂直居中了，只適用於單行文本
2.2，多行文本垂直居中
假設一共有4行，高度200，行高30
width: 300px;
height: 200px;
border:1px solid red;
line-height: 30px;
行高占 padding-top=（200-30*4）/2=40 再修改高度height=200-40=160
width: 300px;
height: 160px;
border:1px solid red;
line-height: 30px;
padding-top: 40px;
2.3，絕對定位元素垂直居中
方式一、
div{
width:300px;
height:300px;
top:50%;
left:50%;
margin-left:-150px;
margin-top:-150px;
}
方式二、
div{
width:300px;
height:300px;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}
三、顏色的表示法
1、使用英文名：red 、green、blue 等
2、使用rgb()： 例如紅色為rgb(255, 0, 0) 還有rgba(0, 0, 0, 0.2) 表示黑色透明度為0.2
3、十六進制表示法：例如紅色為#ff0000 是根據rgb表示法換算成16進制出來的
四、background
給外層父標簽添加背景圖。子標簽會顯示在圖片上
