css系列教學
2010年09月01日
前幾天改版後,發現留言的版面,頭像上面的樓層顯示出了點問題,在IE6、IE7底下看,會發現文字被截掉(如下圖)。
文字會被截斷
後來詢問CSS達人:風痕影以及SR之後,發現只要設置line-height,問題就會解決。
於是當下我對line-height產生了興趣,想知道為什麼要這麼設定才可以解決字被截斷的困擾,因此上網搜尋了一下,查到了幾篇文章。
在ISD webteam這裡有一篇翻譯過後的文章:深入CSS行高,雖然標題打「深入」二字,但其......繼續閱讀 »
2009年02月16日
建議你先閱讀:
1.學css前要準備什麼?
2.輕鬆上手css(I) - 不可不知篇
3.輕鬆上手css(II) - 叫叫ABC篇
這次要跟大家談論的主題,是修改以及創造的抉擇。在css的世界裡,你希望當個看得懂css語法並且會修改的人?或者是當可以無中生有創造出令人驚豔的css佈景?這個答案沒有絕對,端看你自己想往哪一條路發展。然而,不論你想當個修改者或是創造者,今天的主題都是非看不可^_________^
這邊要先跟各位說明,css的語法跟選擇......繼續閱讀 »
2009年02月09日
之前在寫css教學的時候,在「不可不知篇」裡頭曾經提到id以及class的差異。其實css選擇器的範圍是很廣泛的,id.class這種屬性只佔了其中一小部分,為了怕大家以為css裡頭只有id.class的存在,所以我特地將css 2.1版的選擇器做一個概略說明,希望讀完這篇大家對於css的運用能更加靈活
根據W3C網站公佈的css 2.1 selector syntax可以得知目前有10類不同的選擇器:
1.Universal selector (通用選擇器)
使用字元「*」,代表此......繼續閱讀 »
2009年01月21日
建議你先閱讀:
1.學css前要準備什麼?
2.輕鬆上手css(I) - 不可不知篇
相信大家對於「叫叫ABC」這五個字都非常的熟悉,甚至以前也有進行過相關的訓練。只是這次的「叫叫ABC」不是拿來應用於急救上,而是當成CSS教學的一部分。我想很多人應該都會對此抱持疑問,不懂「叫叫ABC」怎麼可以跟CSS做結合吧!歡迎繼續看下去,就知道其中奧妙囉~
我這次要跟大家分享的CSS概念非常的簡單,就是如何在靜態以及動態的網頁上呼叫css,......繼續閱讀 »
2008年12月28日
我在12月初有發了一篇「學css前要準備什麼?」,如果你已經閱覽過這篇文章也準備好了,就讓我們跨出學習css的第一步吧!!!
如果你開啟了自己寫css的工具(例如記事本、DreamWeaver),那我要在這邊跟你說聲抱歉,請先默默的將他縮小或關閉。因為對初學者來說最重要的還是概念,請先別一頭熱的想要開始寫css,否則會適得其反唷。
當然,假使你已經不是初學者,或者你有過人的慧根,這篇文章也可以選擇跳過不看啦,因為今天寫的這......繼續閱讀 »
2008年12月07日
做專題之後,陸陸續續會聽到同學也想學習css,互相研究
加上有的朋友會問我該怎麼學習css,如何上手?該從哪些資料開始著手?
這邊簡單跟大家分享我的經驗,也希望對想要學習css的人有所幫助:)
★ 學css要買相關書籍嗎??
其實這一點並沒有正確的答案,我想端看你自己學習的狀況來判定。
大家可以先試著回想自己在學習其他軟體、語言的時候,是買市面上的書籍回家研究呢?還是在網路上找大家的教學來學習?
要看你自己習慣哪種......繼續閱讀 »



