重拾CSS——學習之旅

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選擇器

 

有事未完待續

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章