1奶躯、CSS外部樣式的引用
<!--引用外部樣式-->
<!--CSS style引用規(guī)律
1:就近原則
2:疊加原則
-->
<link rel="stylesheet" href="CSS/index.css">
2夭谤、CSS標簽選擇器
CSS樣式規(guī)律
- 相同類型的選擇器遵循 a.就近原則 b.疊加原則
- 不同類型的選擇區(qū)遵循 : 選擇器針對性越強,優(yōu)先程度越高
- 選擇器的權值加到一起,大的優(yōu)先;如果權值相同,后定義的優(yōu)先(就近原則)
- important > 內聯(lián)選擇器(行內) > id選擇器 > 類選擇器 | 偽類 |屬性選擇器 > 偽元素 > 標簽選擇器> 通配符 > 繼承
/*復合選擇器*/
div.test1{
color: #ff8559;
}
/*類選擇器 權值:10*/
.test1{
color: black;
}
.test2{
color: yellow;
}
/*標簽選擇器 權值:1*/
div {
color: red !important;
}
/*id選擇器 權值:100*/
#er{ color: aquamarine;
}
/*通配符 權值:0
1.優(yōu)先級別非常低
2.性能比較差
*/
*{
font-size: 30px;
}
3、三種標簽樣式 行內標簽巫糙、塊級標簽朗儒、行內-塊級標簽
行內標簽：獨占一行，能設置寬高
塊級標簽：多個可以占一行参淹，寬高有內容決定
行內-塊級標簽：同時包含兩種屬性醉锄，技能設置寬高，又可以多個標簽占一行
他們之間可以用display這個屬性來相互轉換 none浙值；block恳不；inline；inline-block
4开呐、CSS屬性
background 設置背景
display:顯示類型（none烟勋、block、inline筐付、inline-block）
padding內邊距:（四種方式）
margin 外邊距:（四種方式）
border 設置邊框:（border-width卵惦、border-style、border-color）
overflow 設置超出元素邊界內容的顯示
line-height 垂直居中
cursor設置光標的類型 (手指十字架)
text-decoration設置a標簽的下劃線
text-align水平居中
list-style 設置列表左邊編號的類型,經(jīng)常用 none
