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