聲明：本文大多數知識是從慕課網摘錄而來，加了一點自己的注釋
1.<e m></e m> 斜體
2.在 html 代碼中輸入回車曲横、空格都是沒有作用的。在html文本中想輸入回車換行，就必須輸入<br />
3.可惡的空格在HTML中只能這樣寫→   ;
<input type="radio"> 單選框 若type="checkbox" 則為復選框
5.初識CSS
css 樣式由選擇符和聲明組成搬俊，而聲明又由屬性和值組成紊扬，如下圖所示：
選擇符：又稱選擇器，指明網頁中要應用樣式規(guī)則的元素唉擂，如本例中是網頁中所有的段（p）的文字將變成藍色餐屎，而其他的元素（如ol）不會受到影響。
6. CSS中的注釋
就像在Html的注釋一樣楔敌，在CSS中也有注釋語句：用/注釋語句/來標明（Html中使用)啤挎。就像下面代碼：
7.嵌入式
嵌入式css樣式，就是可以把css樣式代碼寫在<style type="text/css"></style>標簽之間卵凑。如下面代碼實現把三個<span>標簽中的文字設置為紅色：
<style type="text/css">
span{
color:red;
}
</style>
嵌入式css樣式必須寫在<style></style>之間庆聘，并且一般情況下嵌入式css樣式寫在<head></head>之間
8. 外部式
外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為擴展名勺卢，在<head>內（不是在<style>標簽內）使用<link>標簽將css樣式文件鏈接到HTML文件內伙判，如下面代碼：
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1、css樣式文件名稱以有意義的英文字母命名黑忱，如 main.css宴抚。
2、rel="stylesheet" type="text/css" 是固定寫法不可修改甫煞。
3菇曲、<link>標簽位置一般寫在<head>標簽之內。
9.三種css樣式寫入優(yōu)先級
內聯式 嵌入式 外部式 優(yōu)先級----就近原則
10. 選擇器
每一條css樣式聲明（定義）由兩部分組成抚吠，形式如下：
選擇器{
樣式;
}
在{}之前的部分就是“選擇器”常潮，“選擇器”指明了{}中的“樣式”的作用對象，也就是“樣式”作用于網頁中的哪些元素楷力。
11.類選擇器
類選擇器在css樣式編碼中是最常用到的喊式，如右側代碼編輯器中的代碼:可以實現為“膽小如鼠”、“勇氣”字體設置為紅色萧朝。
語法：
.類選器名稱{css樣式代碼;}
注意：
1岔留、英文圓點開頭
2、其中類選器名稱可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合適的標簽把要修飾的內容標記起來检柬，如下：
<span>膽小如鼠</span>
第二步：使用class="類選擇器名稱"為標簽設置一個類献联，如下：
<span class="stress">膽小如鼠</span>
第三步：設置類選器css樣式，如下：
.stress{color:red;}/類前面要加入一個英文圓點/
12.ID選擇器
在很多方面何址，ID選擇器都類似于類選擇符里逆，但也有一些重要的區(qū)別：
1、為標簽設置id="ID名稱"头朱，而不是class="類名稱"运悲。
2、ID選擇符的前面是井號（#）號项钮，而不是英文圓點（.）班眯。
13.ID選擇器與類選擇器的區(qū)別
相同點：可以應用于任何元素
不同點：
1希停、ID選擇器只能在文檔中使用一次。與類選擇器不同署隘，在一個HTML文檔中宠能，ID選擇器只能使用一次，而且僅一次磁餐。而類選擇器可以使用多次违崇。
2、可以使用類選擇器詞列表方法為一個元素同時設置多個樣式诊霹。我們可以為一個元素同時設多個樣式羞延，但只可以用類選擇器的方法實現，ID選擇器是不可以的（不能使用 ID 詞列表）脾还。
14.子選擇器
還有一個比較有用的選擇器子選擇器伴箩，即大于符號(>),用于選擇指定標簽元素的第一代子元素。如右側代碼編輯器中的代碼：
.food>li{border:1px solid red;}
這行代碼會使class名為food下的子元素li（水果鄙漏、蔬菜）加入紅色實線邊框嗤谚。
15.包含(后代)選擇器
包含選擇器，即加入空格,用于選擇指定標簽元素下的后輩元素怔蚌。如右側代碼編輯器中的代碼：
.first span{color:red;}
這行代碼會使第一段文字內容中的“膽小如鼠”字體顏色變?yōu)榧t色巩步。
請注意這個選擇器與子選擇器的區(qū)別，子選擇器（child selector）僅是指它的直接后代桦踊，或者你可以理解為作用于子元素的第一代后代椅野。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進行選擇钞钙，而子選擇器是通過“>”進行選擇鳄橘。
總結：>作用于元素的第一代后代声离，空格作用于元素的所有后代芒炼。
16.通用選擇器
通用選擇器是功能最強大的選擇器，它使用一個（*）號指定术徊，它的作用是匹配html中所有標簽元素本刽，如下使用下面代碼使用html中任意標簽元素字體顏色全部設置為紅色：
*{color:red;}
17.偽類選擇符
為什么叫做偽類選擇符，它允許給html不存在的標簽（標簽的某種狀態(tài)）設置樣式赠涮，比如說我們給html中一個標簽元素的鼠標滑過的狀態(tài)來設置字體顏色：
a:hover{color:red;}
上面一行代碼就是為 a 標簽鼠標滑過的狀態(tài)設置字體顏色變紅子寓。這樣就會使第一段文字內容中的“膽小如鼠”文字加入鼠標滑過字體顏色變?yōu)榧t色特效。
關于偽選擇符：
關于偽類選擇符笋除，到目前為止斜友，可以兼容所有瀏鑒器的“偽類選擇符”就是 a 標簽上使用 :hover 了（其實偽類選擇符還有很多，尤其是 css3 中垃它，但是因為不能兼容所有瀏覽器鲜屏，本教程只是講了這一種最常用的）。其實 :hover 可以放在任意的標簽上，比如說 p:hover昙篙，但是它們的兼容性也是很不好的骤肛，所以現在比較常用的還是 a:hover 的組合。
18.分組選擇符
當你想為html中多個標簽元素設置同一個樣式時也殖，可以使用分組選擇符（土思，），如下代碼為右側代碼編輯器中的h1忆嗜、span標簽同時設置字體顏色為紅色：
h1,span{color:red;}
它相當于下面兩行代碼：
h1{color:red;}
span{color:red;}
19.繼承性
CSS的某些樣式是具有繼承性的己儒，那么什么是繼承呢？繼承是一種規(guī)則捆毫，它允許樣式不僅應用于某個特定html標簽元素址愿，而且應用于其后代。比如下面代碼：如某種顏色應用于p標簽冻璃，這個顏色設置不僅應用p標簽响谓，還應用于p標簽中的所有子元素文本，這里子元素為span標簽省艳。 但注意有一些css樣式是不具有繼承性的娘纷。如border:1px solid red;
20.特殊性
有的時候我們?yōu)橥粋€元素設置了不同的CSS樣式代碼，那么元素會啟用哪一個CSS樣式呢?我們來看一下面的代碼：
p{color:red;}
.first{color:green;}
<p class="first">三年級時跋炕，我還是一個<span>膽小如鼠</span>的小女孩赖晶。</p>
p和.first都匹配到了p這個標簽上，那么會顯示哪種顏色呢辐烂？green是正確的顏色遏插，那么為什么呢？是因為瀏覽器是根據權值來判斷使用哪種css樣式的纠修，權值高的就使用哪種css樣式胳嘲。
下面是權值的規(guī)則：
標簽的權值為1，類選擇符的權值為10扣草，ID選擇符的權值最高為100了牛。例如下面的代碼：
p{color:red;} /權值為1/
p span{color:green;} /權值為1+1=2/
.warning{color:white;} /權值為10/
p span.warning{color:purple;} /權值為1+1+10=12/
/ #footer .note p{color:yellow;} /權值為100+10+1=111/
注意：還有一個權值比較特殊--繼承也有權值但很低，有的文獻提出它只有0.1辰妙，所以可以理解為繼承的權值最低鹰祸。
21.層疊
我們來思考一個問題：如果在html文件中對于同一個元素可以有多個css樣式存在并且這多個css樣式具有相同權重值怎么辦？好密浑，這一小節(jié)中的層疊幫你解決這個問題蛙婴。
層疊就是在html文件中對于同一個元素可以有多個css樣式存在，當有相同權重的樣式存在時尔破，會根據這些css樣式的前后順序來決定街图，處于最后面的css樣式會被應用背传。
通俗一點就叫覆蓋！
如下面代碼:
p{color:red;}
p{color:green;}
<p class="first">三年級時台夺，我還是一個<span>膽小如鼠</span>的小女孩径玖。</p>
最后 p 中的文本會設置為green，這個層疊很好理解颤介，理解為后面的樣式會覆蓋前面的樣式梳星。
所以前面的css樣式優(yōu)先級就不難理解了：
內聯樣式表（標簽內部）> 嵌入樣式表（當前文件中）> 外部樣式表（外部文件中）。
22.重要性
我們在做網頁代碼的時滚朵，有些特殊的情況需要為某些樣式設置具有最高權值冤灾，怎么辦？這時候我們可以使用!important來解決辕近。
如下代碼：
p{color:red!important;}
p{color:green;}
<p class="first">三年級時韵吨，我還是一個<span>膽小如鼠</span>的小女孩。</p>
這時 p 段落中的文本會顯示的red紅色移宅。
注意：!important要寫在分號的前面
這里注意當網頁制作者不設置css樣式時归粉，瀏覽器會按照自己的一套樣式來顯示網頁。并且用戶也可以在瀏覽器中設置自己習慣的樣式漏峰，比如有的用戶習慣把字號設置為大一些糠悼，使其查看網頁的文本更加清楚。這時注意樣式優(yōu)先級為：瀏覽器默認的樣式 < 網頁制作者樣式 < 用戶自己設置的樣式浅乔，但記住!important優(yōu)先級樣式是個例外倔喂，權值高于用戶自己設置的樣式。
