千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)
關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程
很多人好奇參加Web前端培訓(xùn)班會(huì)學(xué)什么,來到千鋒已經(jīng)一周多了,我從剛開始的迷茫到現(xiàn)在慢慢了解前端知識(shí)。不過由于剛接觸,掌握的還不夠多,在行為和理解上會(huì)有點(diǎn)緩慢,在確確實(shí)實(shí)在進(jìn)步。接下來我就分享一下我的學(xué)習(xí)收獲:
剛開始接觸的是HTML的構(gòu)成,結(jié)構(gòu)、行為、表現(xiàn),我知道了常用的瀏覽器,后期也了解到各瀏覽器內(nèi)核及如何書寫前綴,常用的標(biāo)簽,屬性,屬性值等。HTML里涉及的比較多的是CSS2,、CSS3的樣式以及Canvas。
每一個(gè)元素都有一個(gè)或者多個(gè)屬性定義該元素的顯示樣式,行為或者其他內(nèi)容,同一個(gè)元素的各個(gè)屬性之間的順序沒有前后之分,屬性的類型主要有等式型和布爾型。屬性全部設(shè)置在HTML元素的起始標(biāo)記的尖括號(hào)內(nèi),一般是以“<起始標(biāo)記 屬性1=“屬性值1” 屬性2=“屬性值2” ……>”的格式出現(xiàn)。屬性之間沒有先后之分。也無大小之分。每一對(duì)屬性和屬性值之間必須用空格分隔。
布爾屬性只有屬性名沒有屬性值,指定了這個(gè)屬性就代表它的“真”,反而則代表:假默認(rèn)情況下,每一個(gè)布爾屬性都是假,即不用指定,只有在需要時(shí)候才添加該項(xiàng)項(xiàng)屬性。
HTML常用的數(shù)據(jù)類型有長(zhǎng)度、寬度、顏色、圖片、URL鏈接地址和字符串等形式,其中內(nèi)容的書寫單位是px,像素是計(jì)算機(jī)屏幕上所能顯示的最小的單位,不同計(jì)算機(jī)屏幕的分辨率設(shè)置的不同,所顯示的像素的大小也不相同。像素是長(zhǎng)度定義中使用最為普遍的單位,因?yàn)橐话銥g覽器輸出的頁面總是在屏幕上,如果不打印出來,利用像素值就能在電腦的屏幕上進(jìn)行非常精確地定位。在用像素值的時(shí)候一定要考慮屏幕分辨率的兼容性。
百分比長(zhǎng)度值是典型的相對(duì)長(zhǎng)度,如果對(duì)一張圖定義百分比值,則它的參照對(duì)象是整個(gè)瀏覽器的寬度和高度。當(dāng)瀏覽器窗口的大小變化時(shí),圖片的尺寸也會(huì)隨之進(jìn)行變化。
顏色值也是比較常用的數(shù)據(jù)定義類型,頁面文檔不可能是一成不變的黑白顯示,瀏覽器默認(rèn)將沒有設(shè)置過得顏色值得字體,直線和邊框都定義為黑色,背景色則為白色。計(jì)算機(jī)屏幕上的任意一種顏色有都是由紅、藍(lán)、綠按照一定的比例混合而成,三色定律的另一種稱呼是RGB,顏色值的命名格式為“#RRGGBB”,每一種顏色的數(shù)值都是由十六進(jìn)制00至十六進(jìn)制ff表示,因此,單一顏色的深度為256等級(jí)。
這個(gè)月來學(xué)的知識(shí)涉及到CSS2和CSS3,但是由于0基礎(chǔ),我對(duì)知識(shí)的熟練運(yùn)用程度比較低,今后需要抽出時(shí)間對(duì)其鞏固加深,以避免過度遺忘。
相關(guān)文章
了解千鋒動(dòng)態(tài)
關(guān)注千鋒教育服務(wù)號(hào)
掃一掃快速進(jìn)入
千鋒移動(dòng)端頁面
掃碼匿名提建議
直達(dá)CEO信箱