網頁版型的小小改變…

因為右邊欄位一直對不齊,而且不同的瀏覽器,看起來會不一樣,感覺有點醜。

決定使用 Yahoo! UI Library 裡頭的 Reset CSS。透過它,可以先將所有 html 語法「歸零「,這樣在每個瀏覽器下看起來的樣子,就都差不多了。這裡有一些介紹。

先是把右邊欄位的位置調好。

最後是調整好內文的間距與列表前要顯示的數字,就完成了,感覺整齊多了。YUI Reset & Font CSS 實在是個不錯的東西,而且 size 很小,非常的小,對於網頁的下載時間沒有什麼影響。重點是,讓我又忍不住小小玩了一下 CSS~