html與css學習1

標籤：rap   出現   sch   有一個   方法   架構   分塊   bootstra   針對   

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