HTML&CSS基礎-CSS的文法
作者：尹正傑
版權聲明：原創作品，謝絕轉載！否則将追究法律責任。
一.dome.html源代碼
<!DOCTYPE html>
<html>
<head>
<title>尹正傑的網頁</title>
<meta charset="utf-8"/>
<!--
注意，寫在"<style></style>"元素裡的代碼并不屬于"<html></html>"元素管理喲，是以一些html标簽的文法在style,比如"<h1></h1>","<a ></a>","<img />"包括注釋等，均不可以在"<style></style>"标簽中使用。
-->
<style type="text/css">
p{
color:yellow;
font-size:50px;
}
/*
這裡是css的注釋，作用和HTML注釋類似，隻不過它必須編寫在style标簽中，或者是css檔案中。換句話說，不難将"/**/"的CSS注釋文法在HTML标簽中使用。
CSS的文法:
選擇器 聲明塊
功能概述:
選擇器:
通過選擇器可以選中頁面中指定的元素，并且将聲明塊中的樣式應用到選擇器對應的元素上。
聲明塊:
聲明塊緊跟在選擇器的後邊，使用一對{}括起來;
聲明塊中實際上就是一組一組的鍵值對結構，這一組一組的的鍵值對我們稱之為聲明;
在一個聲明塊中可以寫多個聲明，多個聲明之間使用";"隔開;
聲明的樣式名和樣式值之間使用冒号(":")來連接配接
*/
</style>
<head>
<body>
<!--
雖說font标簽可以将字型設定為紅色，但我們并不推薦這樣使用，而是推薦使用css來修飾。
-->
<h1>我的部落格位址:<font color="red" size="7">https://www.cnblogs.com/yinzhengjie/</font></H1>
<p><<靜夜思>></p>
<p>窗前明月光，疑是地上霜</p>
<p>舉頭望明月，低頭思故鄉</p>
</body>
</html> 二.浏覽器打開以上代碼渲染結果
當你的才華還撐不起你的野心的時候，你就應該靜下心來學習。當你的能力還駕馭不了你的目标的時候，你就應該沉下心來曆練。問問自己，想要怎樣的人生。
歡迎加入基礎架構自動化運維：598432640，大資料SRE進階之路：959042252，DevOps進階之路：526991186
![margin-top塌陷問題的現象與解決[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)