前端第二課
css註釋語法：CTRL+/註釋一行 CTRL+shift+/註釋多行
內部樣式:（只能在當前文檔使用 / **標籤選擇器：**h1-h6,div,p,span,ul,li,ol,dl,a,img等等
**外部樣式：**新創一個css文件夾，做大項目時用
在頭部通過link標籤引入ctrl加回車跳轉css文件
rel="stylesheet"聲明這是一個樣式文件
**類選擇器：**可以實現多個相同的標籤實現不同的樣式更改
head style
.名字{
color=…;
}
**id選擇器：**id名之間不能重複，id名是唯一的
head style {
#id名{
color:…;
}
}
span*n可出現n個span標籤
**多類名選擇器**：一個標籤可以寫多個類名，設置不同樣式使用不同的類名尺寸樣式：
.名字{
width:…;設置寬
height:…;設置高
}
位置樣式：（margin設置的是該盒子與離它最近的一個外面盒子邊界的距離）
一、.名字{
margin-left:300px;
margin-right:500px;
margin-top:200px;
margin-bottom:300px;
margin:200px 500px 300px 300px(上 右 下 左）四個值
margin:200px 300px;上下 左右
margin：200px 300px 500px(上 左右 下）三個值
margin:300px;四個方向值一樣
margin：100px auto 0px;水平居中
margin: 0；清楚默認margin
}
二、*{ (通配符，不建議使用會增加瀏覽器的負擔）
margin：0；（直接將所有的標籤margin值化爲零
}
三、建議使用：
div,p,ul,li…
{
margin:0;
}
背景顏色樣式：
Ⅰ、background-color:…;
Ⅱ、顏色值的三種寫法
1.顏色單詞
2.16進制值
3.rgb(0-255,0-255,0-255) rbga(0-255,0-255,0-255,0-1)最後一位數最大爲1可調整顏色透明度；
字體樣式：
Ⅰ、字體大小：font-size:50px;
Ⅱ、字體類型：font-family:SimSum;
Ⅲ、文字居中：text-align:center;