零基礎+跨專業，作爲IT門外漢的我對前端一概不知，只知道HTML5可以寫網頁、做小程序、做區塊鏈。選它一是因爲高薪就業的誘惑，還有就是HTML5相對於其他專業比較簡單，零基礎學起來相對輕鬆些。但經過一階段學習過後，我發現它並不簡單，門檻低，天花板高。踉踉蹌蹌的跟着老師的步伐走，朝着一個方向不停下就是我堅持的動力。
一階段知識點：網頁構架，以及網頁修飾。HTML的構成，結構、行爲、表現。以及各種瀏覽器的兼容，CSS2,CSS3，2D3D，轉換。二階段知識點：6種類型，布爾，number，字符串，null，undefined，object。接下來簡單分享一下最近所學的知識點，既是一次知識梳理，也是我成長的見證!
每一個元素都有一個或者多個屬性定義該元素的顯示樣式，行爲或者其他內容，同一個元素的各個屬性之間的順序沒有前後之分，屬性的類型主要有等式型和布爾型。屬性全部設置在HTML元素的起始標記的尖括號內，一般是以“<起始標記 屬性1=“屬性值1” 屬性2=“屬性值2” ……>”的格式出現。屬性之間沒有先後之分。也無大小之分。每一對屬性和屬性值之間必須用空格分隔。
布爾屬性只有屬性名沒有屬性值，指定了這個屬性就代表它的“真”，反而則代表：假默認情況下，每一個布爾屬性都是假，即不用指定，只有在需要時候才添加該項項屬性。
HTML常用的數據類型有長度、寬度、顏色、圖片、URL鏈接地址和字符串等形式，其中內容的書寫單位是px，移動端書寫單位是：rem。像素是計算機屏幕上所能顯示的最小的單位，不同計算機屏幕的分辨率設置的不同，所顯示的像素的大小也不相同。像素是長度定義中使用最爲普遍的單位，因爲一般瀏覽器輸出的頁面總是在屏幕上，如果不打印出來，利用像素值就能在電腦的屏幕上進行非常精確地定位。在用像素值的時候一定要考慮屏幕分辨率的兼容性。
百分比vw，vh，長度值是典型的相對長度，如果對一張圖定義百分比值，則它的參照對象是整個瀏覽器的寬度和高度。當瀏覽器窗口的大小變化時，圖片的尺寸也會隨之進行變化。
顏色值也是比較常用的數據定義類型，頁面文檔不可能是一成不變的黑白顯示，瀏覽器默認將沒有設置過得顏色值得字體，直線和邊框都定義爲黑色，背景色則爲白色。計算機屏幕上的任意一種顏色有都是由紅、藍、綠按照一定的比例混合而成，三色定律的另一種稱呼是RGB，顏色值的命名格式爲“#RRGGBB”,每一種顏色的數值都是由十六進制00至十六進制ff表示，因此，單一顏色的深度爲256等級。