HTML是個什麼鬼？ 前端開發人員要想和瀏覽器溝通，就要用到瀏覽器才能夠識別的語言（HTML超文本標記語言），所以他是一門瀏覽器能夠識別的語言。是一種由標簽組成的超文本標記語言，而非編程語言。一個html文檔就是一個網頁。 什麼是html標簽呢？ HTML標記標簽通常被稱為HEML標簽，他是由尖括弧 ...
HTML是個什麼鬼？
前端開發人員要想和瀏覽器溝通，就要用到瀏覽器才能夠識別的語言（HTML超文本標記語言），所以他是一門瀏覽器能夠識別的語言。是一種由標簽組成的超文本標記語言，而非編程語言。一個html文檔就是一個網頁。
什麼是html標簽呢？
HTML標記標簽通常被稱為HEML標簽，他是由尖括弧組成的關鍵詞如<html>。一般情況下標簽是成對出現的，第一個開始，第二個結束，比如<html></html>。標簽必須閉合，單標簽加“/”閉合；
Html文檔 = 網頁？
答案是肯定的，html文檔用來描述網頁，文檔中包含html標簽。但是在瀏覽器中是不會顯示html標簽的，而是用標簽來解釋頁面的內容。
網頁主題的解讀
<!doctype html> <!--定義文檔的類型為html--> <html> <!--定義html文檔--> <head> <title></title> <!--定義文檔的標題--> </head> <body> <--!定義文檔的主題--> </body> </html>
什麼是CSS樣式？
Cascading style sheets:層疊樣式表，其語法由兩部分組成，選擇器 + 一條及多條聲明。
例如
div { width:100px; height:200px; background-color:green;}
div就是選擇器 width:100px就是聲明 width是屬性 100px是值
行內樣式與內部樣式
<div style="width:100px;height:100px;background:red;">這是行內樣式</div>
#寫在單個標簽里
!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style type="text/css"> div{width:100px;height:100px;background:red;} #內部樣式，他是寫在style標簽裡面的，可以寫多條。 </style> <div></div> </body> </html>
盒模型
盒模型也叫css框模型。其中元素框中心的是實際的內容，直接包圍內容的是內邊距。
內邊距呈現了元素的背景。
內邊距的邊緣是邊框。
邊框以外是外邊距，外邊距預設是透明的因此不會遮擋其後面的任何元素。
