[IE除外] Counter屬性

IE對於樣式的支援性實在有待加強,這篇文章要介紹一個相當好用但是IE卻沒有的屬性,那就是Counter屬性。 Advertisements

Selector – 選取器

CSS要寫得好,一定要有很好的階層概念,這樣才不會迷路。當你的網頁當中有很多樣式名稱重複的時候,就要依賴具備階層概念的選取方式來選到你要的元件。

CSS 圓角技術

CSS 圓角,可以說是一個相當煩人的東西,雖然圖檔比較容易,但是這篇文章不討論使用圖檔製作圓角的方法,而是使用純粹的CSS。

此 Ruby 非彼 Ruby – XHTML的旁註標記語法

Ruby,其意義是極小的鉛字,在W3C規範當中其實是一個通常用於亞洲語言上的旁註標記語法,簡單來講,就是像日文當中的漢字的拼音註記或是華文當中的文字注音,使用這個標籤,就可以輕鬆的在網頁上面標註文字的發音,就像是下圖所示;這個好用的標籤實在是很適合一些教學網站來使用,尤其是那種什麼華語小學生課文教學網站之類的。(不然要那些幼兒網站把每個字標上注音,豈不是要了他們的老命?要好好善用HTML的原生標籤唷!)

vertical-align 的 CSS 解決方法

這個 IE6 ,實在是讓人吐血,今天,遇到了圖片水平垂直置中的問題,為了要製作看起來漂亮的相簿效果,不論相片是寬是長,是大是小,只要在一定的尺寸以內,都希望它能夠漂漂亮亮的置中;當然,這個相簿本身並不是以 <table> 呈現,而是用 <ul><li> 的列表方式來呈現,也就是說,我當然不能使用 vlaign=”middle” 這種方式來做垂直置中。

wmode 三選一

因為又再度找不到可用的中文資料,只好自己上國外網站找答案,真不敢相信,我在中文網站裡面找資料,居然一連五頁幾乎都是同樣來源的文章,到底是怎樣啊?拷貝忍者卡卡西嗎?

BOM BOM BOM

為了徹底了解BOM,認真的去查了一下資料,可惜,國內的相關資料不太多,而且都說得不清不楚,讓人看了就想皺眉,所以,乾脆來自己整理一下資料,免得以後要用又找不到。