Coding is hard, it takes time to get good at coding!
似乎從小到大都沒(méi)有在一件事情上堅(jiān)持過(guò)太久级历，以至于很難回答一個(gè)問(wèn)題：我喜歡什么痛阻、擅長(zhǎng)什么...好吧，這又是一個(gè)開(kāi)始轩拨！
三大技能
- Read the error：閱讀錯(cuò)誤信息，查閱文檔；
- Search Google：善用搜索引擎，查找問(wèn)題解決方案凡人；
- Ask for help：嘗試詢問(wèn)身邊的朋友或者論壇解決。
HTML
HTML指Hyper Text Markup Language（超文本標(biāo)記語(yǔ)言）的縮寫叹阔。超文本是其可以標(biāo)記聲音挠轴、圖像、視頻耳幢、鏈接等非文本內(nèi)容岸晦。
<h1>...</h1>一級(jí)標(biāo)題：，h1是一個(gè)HTML元素睛藻，開(kāi)始標(biāo)記<h1>和結(jié)束標(biāo)記</h1>組成委煤，大部分HTML元素的標(biāo)簽都由開(kāi)始標(biāo)記和結(jié)束標(biāo)記組成，結(jié)束標(biāo)記多了/修档。<h2>...</h2>二級(jí)標(biāo)題：h指header（標(biāo)題），有h1府框、h2吱窝、h3、h4迫靖、h5院峡、h6六級(jí)。<p>...</p>段落標(biāo)簽：用來(lái)標(biāo)記段落系宜。注釋：不刪除代碼的前提下使其失效照激；給自己的代碼添加說(shuō)明。是結(jié)束標(biāo)記盹牧。lorem ipsum text指占位符(placeholder text)：只是占位俩垃，沒(méi)有實(shí)際意義。改變文本顏色：
<h1 style = "color : blue">...</h1>汰寓，style直接放在HTML元素標(biāo)簽內(nèi)的稱作inline style內(nèi)聯(lián)樣式口柳。樣式在標(biāo)簽內(nèi)直接添加樣式，簡(jiǎn)單直接但是不便于維護(hù)有滑。
HTML的樣式有很多屬性跃闹，根據(jù)80、20法則，常用的只是很少一部分望艺。內(nèi)聯(lián)CSS層疊樣式表
Cascading Style Sheets：使用CSS更容易維護(hù)苛秕。
--01h2指元素選擇器，可以選中html文件中所有的h2標(biāo)簽找默，使用選擇器為元素賦予樣式艇劫。
<style>
/*選擇器 {屬性名稱： 屬性值;}*/
h2 {color: blue;}
</style>
注：屬性值后面需要添加分號(hào)。
--02blue-text指類選擇器：
<style>
.blue-text {color: blue;}
</style>
注：類選擇器在CSS中需要添加.為前綴啡莉，否則瀏覽器會(huì)誤認(rèn)為是元素選擇器港准。
類選擇器的使用：
<h2 class = "blue-text">...</h2>
在需要blue-text樣式的標(biāo)簽中添加class屬性，屬性值為類選擇器咧欣，去掉.前綴浅缸。如果有多個(gè)類選擇器，class = "class1 class2..."魄咕，類選擇器之間以空格分隔衩椒。
字號(hào)的屬性設(shè)置：
font-size: 10px;使用像素px為單位。字體的屬性設(shè)置：
font-family: Monospace;Import a Google Font（導(dǎo)入Google字體）：使用
link標(biāo)簽哮兰，在html文件的最頂端導(dǎo)入Lobster字體：
<link href = "https://fonts.google.com/css?family = Lobster" rel = "stylesheet" type = "text/css">
- CSS選擇器的優(yōu)先級(jí)：有多種樣式同時(shí)作用在一個(gè)元素上時(shí)毛萌，應(yīng)用樣式的規(guī)則。
!important > id > class > element喝滞。（類選擇器：在html標(biāo)簽中使用class屬性阁将；id選擇器在html標(biāo)簽中使用id屬性。）
注：同一個(gè)元素有多個(gè)樣式聲明時(shí)優(yōu)先級(jí)才有意義右遭，優(yōu)先級(jí)高起作用做盅。 - 瀏覽器可用的默認(rèn)字體：
Monospace、serif窘哈、sans-serif吹榴，當(dāng)指定字體不可用時(shí)，可讓瀏覽器自動(dòng)降級(jí)到另一種字體滚婉。
<style>
p {font-family: Helvetica, Monospace;}
</style>
當(dāng)Helvetica字體不可用時(shí)图筹，自動(dòng)降級(jí)為Monospace字體。
- 圖片標(biāo)簽
<img>：標(biāo)簽自閉合让腹，沒(méi)有結(jié)束標(biāo)記远剩。
<img src = "圖片網(wǎng)址" class = "smaller-image">
width: 100px;屬性來(lái)控制圖片的寬度，單位是像素px哨鸭。
類選擇器：
<style>
.smaller-image : width: 100px;}
</style>
alt屬性：當(dāng)圖片無(wú)法顯示時(shí)替代圖片在瀏覽器中顯示民宿。
<img src = "網(wǎng)址" alt = "sorry, can't find the image">，圖片無(wú)法加載時(shí)像鸡，圖片標(biāo)簽的位置顯示sorry, can't find the image活鹰。
- CSS為元素添加邊框：使用類選擇器哈恰，有
border-style: solid;邊框樣式屬性；border-color: red;邊框顏色屬性志群；border-width: 5px;邊框?qū)挾葘傩裕?code>border-radius: 5px/50%着绷；邊框的圓角屬性等。
<style>
.thick-red-border {
border-style: solid;
border-color: red;
border-width: 10px;
border-radius: 5px; /*可以使用50%等百分比表示圓角的大小*/
}
</style>
-
a標(biāo)簽：既可以鏈接外部地址實(shí)現(xiàn)頁(yè)面間跳轉(zhuǎn)锌云，亦可用于當(dāng)前頁(yè)面內(nèi)導(dǎo)航荠医。
<a >anchor text</a>
a標(biāo)簽可以任意嵌套使用。為網(wǎng)站添加a標(biāo)簽時(shí)不知道具體的鏈接桑涎，可以賦值href = "#"彬向，別名hash符號(hào)。
