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