<?xml version="1.0" encoding="utf-8"?>
<rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0">

	<channel>
		<title><![CDATA[I.T. Blogs - Hong Kong Silicon - Articles - css]]></title>
		<link>http://www.hksilicon.com/kb</link>
		<description><![CDATA[I.T. Blogs - Hong Kong Silicon is a place for IT talents sharing their professional knowledge, skills as well as their experience. ]]></description>
		<language>en-us</language>
		<copyright><![CDATA[http://www.hksilicon.com/kb]]></copyright>
		<generator>N/A</generator>
		<webMaster>vince@hksilicon.com</webMaster>
		<lastBuildDate>Wed, 07 Jan 2009 05:01:31 HKT</lastBuildDate>
		<ttl>20</ttl>
		<itunes:author>false</itunes:author>
		<itunes:summary>false</itunes:summary>
		<itunes:keywords>false</itunes:keywords>
		<itunes:explicit>clean</itunes:explicit>
		<item>
			<title><![CDATA[CSS 的 table 排版]]></title>
			<link>http://www.hksilicon.com/kb/articles/1085/1/CSS--table-/Page1.html</link>
			<description><![CDATA[最近看到兩篇文章： <a  href="http://www.sitepoint.com/print/the-problem-with-css-is/"><font color="#306aa3">The Problem with <span class="caps">CSS</span></font></a> 和 <a  href="http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/"><font color="#306aa3">Everything You Know about <span class="caps">CSS</span> is wrong</font></a> ，都是 sitepoint 為新書作宣傳的文章，談的是 <span class="caps">CSS</span> 排版的問題。 <span class="caps">CSS</span> 排版難學又難精，因為其當初並沒有為排版而設的規則，因此即使要做幾個簡單的 Column，也必需走很遠的路：理解一大堆 <span class="caps">CSS</span> 的 Box Model、Positioning、Document Flow 等的運作原理，用很多怪招如 faux column、negative margin 等等去嘗試實作。終於做到效果，卻發覺某某在內容會破壞整個排版，脆弱得很。各大瀏覽器對 <span class="caps">CSS</span> 的支持程度不一，要花大量心力處理這些差異。也因為這樣，而催生了 <a  href="http://en.wikipedia.org/wiki/List_of_CSS_frameworks"><font color="#306aa3">一大堆 <span class="caps">CSS</span> Framework</font></a> ，主要就是想解決排版的問題。]]></description>
			<author>no@spam.com (Jacky See)</author>
			<pubDate><![CDATA[Fri, 24 Oct 2008 23:00:00 HKT]]></pubDate>
			<guid isPermaLink="true">http://www.hksilicon.com/kb/articles/1085/1/CSS--table-/Page1.html</guid>
		</item>
		<item>
			<title><![CDATA[好站: CSS 屬性 與 Javascript 對應 轉換表]]></title>
			<link>http://www.hksilicon.com/kb/articles/824/1/-CSS---Javascript--/Page1.html</link>
			<description><![CDATA[CSS 的屬性值 和 Javascript 設定 CSS 屬性值 的命名規則上有點差異, 簡單的說, 大多數的差異, 都是 CSS 屬性有 <q>-</q> 或 <q>:</q> 號的, 就是去掉 <q>-</q> 或 <q>:</q>, 後面接的字轉大寫]]></description>
			<author>no@spam.com (Tsung Hao)</author>
			<pubDate><![CDATA[Fri, 10 Oct 2008 11:30:00 HKT]]></pubDate>
			<guid isPermaLink="true">http://www.hksilicon.com/kb/articles/824/1/-CSS---Javascript--/Page1.html</guid>
		</item>
		<item>
			<title><![CDATA[CSS: 完美解決網頁文字太長(連續英數字)而導致版面破掉的問題]]></title>
			<link>http://www.hksilicon.com/kb/articles/711/1/CSS-/Page1.html</link>
			<description><![CDATA[網頁頁面遇到連續的英數字, 就會沒辦法斷行, 而會一直拉長版面, 造成版面破掉, 一直沒有找到好的解法.
]]></description>
			<author>no@spam.com (Tsung Hao)</author>
			<pubDate><![CDATA[Sat, 28 Jun 2008 16:00:00 HKT]]></pubDate>
			<guid isPermaLink="true">http://www.hksilicon.com/kb/articles/711/1/CSS-/Page1.html</guid>
		</item>
		<item>
			<title><![CDATA[CSS 透明度效果實作]]></title>
			<link>http://www.hksilicon.com/kb/articles/720/1/CSS-/Page1.html</link>
			<description><![CDATA[CSS 透明度的實作, 各種瀏覽器和標準如下:(數字越小越透明)]]></description>
			<author>no@spam.com (Tsung Hao)</author>
			<pubDate><![CDATA[Thu, 17 Jan 2008 16:30:00 HKT]]></pubDate>
			<guid isPermaLink="true">http://www.hksilicon.com/kb/articles/720/1/CSS-/Page1.html</guid>
		</item>
		<item>
			<title><![CDATA[JavaScript Fix CSS, 讓 IE 5/6 的 CSS 顯示/動作 跟 IE 7 一樣]]></title>
			<link>http://www.hksilicon.com/kb/articles/725/1/JavaScript-Fix-CSS--IE-56--CSS---IE-7-/Page1.html</link>
			<description><![CDATA[同樣的 CSS 在 IE5/6/7 顯示的效果都有可能會有所不同, 所以就有人寫 JavaScript 來解決 IE7 上可以跑, IE5/6 不能跑(或不能顯示)的問題. (ex: png 透明圖 就是最常遇到的問題).]]></description>
			<author>no@spam.com (Tsung Hao)</author>
			<pubDate><![CDATA[Sun, 07 Oct 2007 17:00:00 HKT]]></pubDate>
			<guid isPermaLink="true">http://www.hksilicon.com/kb/articles/725/1/JavaScript-Fix-CSS--IE-56--CSS---IE-7-/Page1.html</guid>
		</item>
		<item>
			<title><![CDATA[CSS 技巧 ── 絕對位置、相對位置]]></title>
			<link>http://www.hksilicon.com/kb/articles/986/1/CSS---/Page1.html</link>
			<description><![CDATA[若果你要做一個網頁，左邊是一個固定寬度的選單，右邊是一個佔用所有餘下空間的主內容，兩邊的長度都剛好是瀏覽器視窗的高度，選單和主內容都會隨著視窗的大小而自動調整大小，不用 JavaScript 的話，你會怎麼做？ 
本來最直接的方法是寫一段 JavaScript，每次載入頁面或者變更瀏覽器大小之後，JavaScript 會從新調整 div 的高度，可惜這樣做我們要在window.innerHeight、document.documentElement.clientHeight、和 document.body.clientHeight 之間選擇合適的函數，也要考慮不同瀏覽器中事件處置器的不同使用方法，若果有純 CSS 的解決方案，並不用頭疼這些問題了。 ]]></description>
			<author>no@spam.com (HKPUG .NET)</author>
			<pubDate><![CDATA[Fri, 27 Jul 2007 01:30:00 HKT]]></pubDate>
			<guid isPermaLink="true">http://www.hksilicon.com/kb/articles/986/1/CSS---/Page1.html</guid>
		</item>
		<item>
			<title><![CDATA[HTML 預設 CSS Style 設定(反 CSS Reset)]]></title>
			<link>http://www.hksilicon.com/kb/articles/765/1/HTML--CSS-Style--CSS-Reset/Page1.html</link>
			<description><![CDATA[現在做網頁都很習慣使用 YUI 的 Reset CSS(詳可見: <a href="http://plog.longwin.com.tw/my_note-programming/2006/06/18/reset_css_2006" title="Reset CSS - 取消 Html 原有樣式">Reset CSS - 取消 Html 原有樣式</a>), 但是遇到要某幾個 Tag 需要將樣式回復原狀的時候該怎麼辦呢~
]]></description>
			<author>no@spam.com (Tsung Hao)</author>
			<pubDate><![CDATA[Sun, 10 Jun 2007 22:00:00 HKT]]></pubDate>
			<guid isPermaLink="true">http://www.hksilicon.com/kb/articles/765/1/HTML--CSS-Style--CSS-Reset/Page1.html</guid>
		</item>
		<item>
			<title><![CDATA[Reset CSS - 取消 Html 原有樣式]]></title>
			<link>http://www.hksilicon.com/kb/articles/767/1/Reset-CSS----Html-/Page1.html</link>
			<description><![CDATA[在剛開始學 CSS 的時後, Html Tag 的原有樣式要取消是最頭大的, 正好看到 <a title="Yahoo! UI library" target="_blank" href="http://developer.yahoo.com/yui/">Yahoo! UI library</a> 有 Reset CSS, 正好就是取消這些功能, 連 CSS 壓縮(濾空白, 合成一行等.)都做好了.]]></description>
			<author>no@spam.com (Tsung Hao)</author>
			<pubDate><![CDATA[Sun, 18 Jun 2006 22:30:00 HKT]]></pubDate>
			<guid isPermaLink="true">http://www.hksilicon.com/kb/articles/767/1/Reset-CSS----Html-/Page1.html</guid>
		</item>
	</channel>
</rss>