css

Printer-friendly version

小小修正了一下 CSS

網頁版型的小小改變…

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

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

Firefox 1.0.7 下爛掉的 CSS

這個改編自某網站的 CSS template,因為沒注意到一些細節,在 Firefox 1.0.7 嚴格的把關下,破功了…變得支離破碎的。

經過一陣子的奮鬥之後,終於解決啦。

  • 感謝 gugod 介紹的 Firefox Portable,讓我可以同時安裝 Firefox 1.5.x 與 1.0.7,平常使用 1.5.x,等到更新網站的 css 樣板時,再用 1.0.7 來檢驗是否有問題。
  • 感謝這本 CSS 功能索引式參考手冊,省去我不少時間上網找答案。
  • 感謝某網站,因為同樣是使用 drupal 來架站的,才會有機會看到它的設計。
  • 感謝 scott 把人體素描(據說應該叫人體速寫)這麼有趣的活動介紹給我,不然哪來的裸女圖可以用呀。

CSS 的學習重點

in

CSS @ flickr

CSS(Cascading Style Sheet)對我來說,最重要的莫過於它在「排版」上的能力了,而這同時也是它最難搞懂,或是很容易一知半解(我的現狀就是如此)的地方…

一兩個月前,買了兩本與 CSS 相關的書籍,想說這樣一來,就沒啥藉口偷懶了,但後來我發覺,我似乎少買了一本書,或甚至只是一個章節,一個仔細討論與解說 CSS 中幾個我常常會忘了或是一知半解的章節。因此我只好繼續偷懶,偶爾看一點書,興起時就拿這個 drake.csie.org 網站做實驗,完全沒啥長進,有時甚至會自我嘲解「真的要學 CSS 嗎? 3D 的東西都學不完了,確定還有腦子可能應付這一塊東西? 而且萬一學得一知半解,但卻剛好唬住身邊的人,他們因此把寫網頁這塊重擔放在你身上,那還真是害死人了…」

如今我把網頁撰寫這一塊當作一種娛樂,就像以前看待「寫 3D 程式」這件事一樣,無聊時就打開文字編輯器,上上網查一下有什麼新技術或玩意兒,然後也許是拿別人的程式過來改寫看看,或是從頭到腳自己玩一下。

Syndicate content