1、什麼是css
css叫做層疊樣式表,它定義瞭如何顯示html元素。樣式通常存儲在樣式表中,引用css外部式是爲了解決表現與數據分離的問題,外部樣式也可以極大的提高工作效率。存儲在css文件中,多個央視定義可層疊爲一個
2、語法
css實例主要由兩部分組成,選擇器以及一條或多條聲明
h1{
color:blue;
font-size:12px;
}
h1部分屬於選擇器,{}部分屬於聲明,聲明又分爲屬性和值,color即時屬性blue即爲值
3、代碼段中的註釋
/*這裏是註釋儘量少用空格*/
p{
font-size:12px;
/*這是又是一個註釋,代碼編譯過程中會自動跳過註釋*/
}
4、css id選擇器和class選擇器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>努力中</title>
<style>
#para1
{
text-align:center;
color:red;
}
.para2{
text-align:center;
color:blue;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p class="para2">這個段落 class的影響。</p>
<h1 class="para2">這個段落 class的影響。</h1>
</body>
</html>
p標籤的id屬性值爲para1,用id選擇器 #para1 , css樣式隻影響id爲para1的樣式
其他兩標籤class屬性爲para2,顯示.para2中所聲明的樣式
一般特殊標籤樣式用id選擇器,通用樣式元素比較多的用class選擇器
有事未完待續