- 在瀏覽器中打開開發(fā)者工具然后選擇一個你喜歡的網(wǎng)頁學(xué)習(xí)他的布局及元素，如果有不清楚的標簽就在MDN上學(xué)習(xí)赖捌，并在codepen上嘗試學(xué)習(xí)。
- 在瀏覽器開發(fā)者工具中顏色的設(shè)置：color：rgba（01,05,6,0.3//透明度）
【鏈接的樣式】
-
Link (沒有訪問過的): 這是鏈接的默認狀態(tài)，當(dāng)它沒有處在其他狀態(tài)的時候渊额，它可以使用
:link偽類來應(yīng)用樣式。 -
Visited: 這個鏈接已經(jīng)被訪問過了(存在于瀏覽器的歷史紀錄), 它可以使用
:visited偽類來應(yīng)用樣式垒拢。 -
Hover: 當(dāng)用戶的鼠標光標剛好停留在這個鏈接旬迹，它可以使用
:hover偽類來應(yīng)用樣式。 -
Focus: 一個鏈接當(dāng)它被選中的時候 (比如通過鍵盤的 Tab 移動到這個鏈接的時候求类，或者使用編程的方法來選中這個鏈接
HTMLElement.focus()) 它可以使用:focus偽類來應(yīng)用樣式奔垦。 -
Active: 一個鏈接當(dāng)它被激活的時候 (比如被點擊的時候)，它可以使用
:active偽類來應(yīng)用樣式尸疆。
* 鏈接具有下劃線椿猎。
* 未訪問過的 (Unvisited) 的鏈接是藍色的惶岭。
* 訪問過的 (Visited) 的鏈接是紫色的.
* 懸停 (Hover) 在一個鏈接的時候鼠標的光標會變成一個小手的圖標。
* 選中 (Focus) 鏈接的時候犯眠，鏈接周圍會有一個輪廓按灶，你應(yīng)該可以按 tab 來選中這個頁面的鏈接 (在 Mac 上, 你可能需要使用Full Keyboard Access: All controls 選項，然后再按下 Ctrl + F7 筐咧，這樣就可以起作用)
* 激活 (Active) 鏈接的時候會變成紅色 (當(dāng)你點擊鏈接時鸯旁，請嘗試按住鼠標按鈕。)
-
鏈接屬性調(diào)試
CSS重置
<input>//輸入框
<button>//按鈕
hover//得到焦點
blur//失去焦點
后代選擇器
- 后代選擇器：類選擇器+空格+標簽選擇器（即選擇父標簽里的字標簽）
-
標簽選擇器還可以和類選擇器一起使用量蕊，如
<figure>的意思
- 他所包含的內(nèi)容會被劃分為一個版塊铺罢，如
<figure>
<img src="/macaque.jpg" alt="Macaque in the trees">
<figcaption>A cheeky macaque, Lower Kintaganban River, Borneo. Original by <a >Richard Clark</a></figcaption>
</figure>
