1. 程式人生 > >html與css學習1

html與css學習1

劃分 代碼 之路 裏的 而是 小時 框架 F12 描述

html是接觸很久了,或許很多人覺得這個東西很簡單,是的,他其實就是一些再簡單不過的標簽組成,所有標簽的意思在w3school裏面1小時就能看完(記不記住關系不大,看久了自然記住了),這個文章當然不是生搬如何使用標簽的,而是再一次從頭學習前端的一些體會。

1.前端頁面無疑是從設計稿來的,設計稿的樣子如何用html和css呈現在電腦上,第一步就是分塊,劃分出若幹個div(每個div裏如果內容不唯一還可以再分,F12審查元素可以發現所有元素都是用矩形框起來的,也就是div)

2.如果自己一點一滴去調前端樣式,那無疑是很累而且費時的事,因此許多前端框架誕生了,最火的自然是Twitter的bootstrap,總的來說他的使用包括了css和js兩個類似於插件的東西,先去討論css框架部分。

3.bootstrap規定了許多特殊的類名,以便實現特殊的效果需求,這些具體的再bootstrap的官網裏的css部分都有描述,還是老道理,沒必要去每個學習,去演示,不過每一次去看文檔都會有新的知識get。

4.html和css的學習之路也就是根據需求多調整,不會的就百度,因為你解決不了的排版和樣式問題90%網上都有人出現過,這種東西並沒有會不會,就是知不知道的問題了。

5.還有一個小問題:字體問題,googlefont裏面的字體都是針對英文的,也是,英文就26個字母,漢字如果要弄個像googlefont那樣的在線字體似乎不太實際,網上只有一些(例如“有字庫”),就是你給他特定的文字,他生成css代碼,你去引用,但是這種靈活度不高吧,一個頁面裏一開始你哪能知道都有哪些漢字呢,不知道大佬們有啥其他方法麽?

html與css學習1