因為期末考試、調(diào)整心態(tài)等等的種種原因，距離上一次的項目練習(xí)已經(jīng)過了很久了，今天終于有時間繼續(xù)練習(xí)HTML5+CSS3的頁面架構(gòu)和設(shè)計稿還原。設(shè)計圖很長，整個頁面分為了好幾個區(qū)域，所以就不放完整的設(shè)計圖了，具體的設(shè)計文件可以在文末的Github地址中下載。第一次的總結(jié)是以我對頁面架構(gòu)的理解，按照代碼實現(xiàn)順序講解的，那這一次就按照遇到的問題總結(jié)性地記錄吧。歡迎大家看完我的作品和總結(jié)以后，提出寶貴的建議！謝謝大家！
經(jīng)過上一次的練手，這次的練手就更加從容了，不僅僅是為了查缺補漏，也是為了解決問題的同時，讓代碼可以更加簡潔。但也有一些小瑕疵，比如說頁面中每個模塊的每個標題其實都是同樣的字號以及顏色，部分的標題根據(jù)背景顏色有變化，本來可以在開頭先設(shè)置總體的顏色和字號，這樣遇到特殊情況的時候再進行修改。但是因為最后犯懶，這部分的設(shè)置就在每個模塊里重復(fù)了很多遍。還有頁面的字體也是沒有導(dǎo)入的，所以顯得沒有涉及稿那么完美了。還有一點疑問是，因為是靜態(tài)頁面，所以所有的尺寸都是固定值，在頁面縮放的時候就會出現(xiàn)一些不好的現(xiàn)象，而且設(shè)置了絕對定位以后，也是不可以同時實現(xiàn)響應(yīng)式的。這樣在實際的產(chǎn)品生產(chǎn)中，應(yīng)該是大家都很不友善的？下一個作品要好好地考慮這個問題呢。最后一點是，頁面上有很多可以用到JavaScript的地方，不過現(xiàn)在學(xué)藝不精，也還沒有勇氣嘗試（？？？），所有也沒有好好設(shè)計，但能夠用CSS實現(xiàn)的，還是實現(xiàn)了。
下面就從我在實現(xiàn)過程中遇到的一些問題來進行總結(jié)吧。
問題一：遇到行內(nèi)元素與塊級元素需要在同一行上顯示時，總會讓人很抓狂。
這個問題在上一次作品中也遇到了，提到幾種解決方案，針對一些問題，有的方案可以解決，而有的卻沒有什么效果。下面就根據(jù)我實現(xiàn)頁面過程中遇到的問題，再來說說我的解決方案。
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式