2018.04.27 百度前端學院學習日記2

        在百度前端學院提交的第一份作業是簡單的簡歷，僅僅使用了HTML語言，同時標籤也只用了三個，分別是<P><h1><b>，使用這幾個標籤，能夠做出一個很簡單的文字排列效果。當然，這種簡單的效果並不是我想要的，第二天的程式碼中，我在原來的頁面添加了一些<div>標籤，並對這些標籤添加了樣式，即CSS，雖然我對於CSS的運用並不是信手拈來，但是依靠CSS的強大功能，讓我的簡歷看上去效果豐富了些。

        接下來就說說HTML與CSS，我初次接觸前端程式設計的時候，並沒有意識到、也沒有人告訴我，HTML與CSS應該分開使用。如果寫網頁就像造房子，HTML就是打好結構，同時也要知道，HTML的職責就是形成網頁框架。往網頁內填充的內容，圖片或者文章就像水泥，CSS就是瓷磚、吊頂這樣的修飾。這只是很粗糙的一些比喻，如果要更加深入瞭解CSS的工作原理，可以移步https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Introduction_to_CSS ，裡面有很詳盡的內容。

        本篇筆記要重點強調的是：儘量使用HTML程式碼構建網頁結構，並使用CSS豐富來增加的效果。雖然HTML中有些標籤也可以給內容增加效果，但最好還是用CSS來達成這個目的，另外CSS程式碼可以與HTML程式碼放在一個文字中，建議還是使用另一個文字存放CSS，在HTML增加一個<link>標籤引用CSS即可。這麼做的好處是：一程式碼結構清晰，便於在內容逐漸增加的時候維護程式碼。二是這樣做更符合web規範，使程式碼語義化，從優化上來說，能讓瀏覽器工作效率更高。以上兩點是我個人在學習過程中收穫的知識，歡迎補充和指正。