<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Azan 黃贊臣 &#187; css</title>
	<atom:link href="http://tommy.ironman.tw/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://tommy.ironman.tw</link>
	<description>網頁設計文章的蒐集與整理</description>
	<lastBuildDate>Sun, 18 Dec 2011 15:59:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>一個免費且超漂亮的CSS3.0選單線上網站(www.onlycssmenu.com)</title>
		<link>http://tommy.ironman.tw/www-onlycssmenu-com/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=www-onlycssmenu-com</link>
		<comments>http://tommy.ironman.tw/www-onlycssmenu-com/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 03:47:45 +0000</pubDate>
		<dc:creator>Azan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[線上工具]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[CSS3.0]]></category>
		<category><![CDATA[Menu]]></category>
		<category><![CDATA[onlycssmenu]]></category>

		<guid isPermaLink="false">http://tommy.ironman.tw/?p=3090</guid>
		<description><![CDATA[這個網站提供各式各樣的選單，而且只用CSS語法就可變化多樣，有直式選單、橫式選單、步驟導引等，還可線上客製自己要的按鈕名稱與連結，下載下來就可使用了，並且在它下方都有顯示支援哪些瀏覽器，分享給大家。 網站：http://www.onlycssmenu.com]]></description>
		<wfw:commentRss>http://tommy.ironman.tw/www-onlycssmenu-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>線上CSS圓角產生器 (border radius)</title>
		<link>http://tommy.ironman.tw/border-radius-com/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=border-radius-com</link>
		<comments>http://tommy.ironman.tw/border-radius-com/#comments</comments>
		<pubDate>Thu, 30 Sep 2010 07:38:48 +0000</pubDate>
		<dc:creator>Azan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[線上工具]]></category>
		<category><![CDATA[電腦相關]]></category>
		<category><![CDATA[border radius]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[圓角]]></category>
		<category><![CDATA[產生器]]></category>

		<guid isPermaLink="false">http://tommy.ironman.tw/?p=3084</guid>
		<description><![CDATA[Azan最近又發現一個不錯的線上CSS圓角產生器，隨著各大瀏覽器對矩形圓角的支援度越來越高，要製作一個圓角的方框越來越容易，不再像以前要切許多圖片來對應，它產生的語法支援3大瀏灠引擎，Webkit、Gecko與CSS3 網址：http://border-radius.com/ 在想要圓角的地方輸入數字後，中間就會自動幫你產生CSS語法，而下方有3個核選框，分別代表要輸出哪幾種的語法，預設都是全選，這3種的意思是... Webkit：是Apple所開放出來的瀏覽引擎核心，目前使用它的瀏覽器代表是Safari、Google Chrome也已把它納入瀏覽引擎的核心內以及手機，據說它的速度非常快，而且跨平台支援良好，諾基亞最先把 Webkit 搬到手機上去，連 iPhone 在內，現在幾乎所有手機市場都被Webkit佔據。 Gecko：代表瀏覽器就是Firefox。 CSS3：所有有支援CSS3的瀏覽器。 但兩光的IE6、IE7、IE8還是延續傳統的不支援@@，聽說IE9要一雪前恥，通通都支援了，再拭目以待。]]></description>
		<wfw:commentRss>http://tommy.ironman.tw/border-radius-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS滑鼠游標圖示語法</title>
		<link>http://tommy.ironman.tw/css-cursor/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-cursor</link>
		<comments>http://tommy.ironman.tw/css-cursor/#comments</comments>
		<pubDate>Thu, 12 Aug 2010 11:51:28 +0000</pubDate>
		<dc:creator>Azan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[cursor]]></category>

		<guid isPermaLink="false">http://tommy.ironman.tw/?p=2797</guid>
		<description><![CDATA[雖然這是舊知識了，不過有時還是會用到，所以紀錄一下... 通常我們滑鼠在移到網頁的連結或特定的元件部位，都會有相對應的游標圖示會出現，以讓我們大概知道有什麼功能可以使用，例如移到連結會出現手型讓我們知道可以點擊，移到文字欄位會變 I 型，讓我們知道可以輸入或選取文字，但如果要強制改變瀏覽器對它的預設狀態，就可以用CSS樣式語法來改變了。 圖 值(Values) 測試 NS IE 語法範例 default TEST 6+ 4+ cursor:default crosshair TEST 6+ 4+ cursor:crosshair hand TEST 4+ cursor:hand pointer TEST 6+ cursor:pointer Cross browser TEST 4+ cursor:pointer;cursor:hand move TEST 6+ 4+ cursor:move text TEST 6+ 4+ cursor:text wait TEST 6+ 4+ cursor:wait help TEST 6+ 4+ cursor:help n-resize TEST [...]]]></description>
		<wfw:commentRss>http://tommy.ironman.tw/css-cursor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS-font的簡寫</title>
		<link>http://tommy.ironman.tw/css-font-shortening/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-font-shortening</link>
		<comments>http://tommy.ironman.tw/css-font-shortening/#comments</comments>
		<pubDate>Wed, 12 May 2010 08:05:49 +0000</pubDate>
		<dc:creator>Azan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[font]]></category>

		<guid isPermaLink="false">http://tommy.ironman.tw/?p=2228</guid>
		<description><![CDATA[也許有人經常問一些細節問題，如 DIV { FONT: 12px/20px "宋體"; COLOR: #333 } 其中的font:12px/20px到底是什麼意思呢？完整的寫法是: {font-size:12px;line-height:20px;font-family:"宋體";color:#333;} 回答是：12px表示字體大小，20px表示行間距（文字段落上下之間的距離）。 詳細說明如下： font屬性是用來控制文字字體、顏色、大小等。而font的屬性有多種，在通常情況下， 我們用縮寫的辦法將多種屬性概括在一句css代碼中。這樣極大的減小了代碼，優化css檔。 我們常用的font屬性有下面這六種： font-style設定斜體　如：font-style: italic; font-weight設定文字粗細　如：font-weight: bold; font-size設定文字大小　如：font-size: 12px; line-height設定行距　如：line-height: 150%; color設定文字顏色（注意不是font-color）　如：color: red; font-family設定字體　如：font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; 上述的屬性，我們可以概括寫在一行font屬性裏。 {font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;} 上面的例子用一行來定義font屬性，分別是：font-style font-weight font-size line-height font-family；而color設定文字顏色需要單獨進行定義。 來源：http://goo.gl/BEKZ css 縮寫 [...]]]></description>
		<wfw:commentRss>http://tommy.ironman.tw/css-font-shortening/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS-margin屬性說明(複合指定邊界相關的屬性)</title>
		<link>http://tommy.ironman.tw/css-margin/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-margin</link>
		<comments>http://tommy.ironman.tw/css-margin/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 15:05:13 +0000</pubDate>
		<dc:creator>Azan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[margin]]></category>
		<category><![CDATA[style]]></category>

		<guid isPermaLink="false">http://tommy.ironman.tw/?p=1598</guid>
		<description><![CDATA[語法：選擇器{margin:1 2 3 4} 
屬性值：margin-top 指定上邊界
屬性值：margin-right 指定右邊界
屬性值：margin-bottom 指定下邊界
屬性值：margin-left 指定左邊界]]></description>
		<wfw:commentRss>http://tommy.ironman.tw/css-margin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>滑鼠移到欄位底色變色</title>
		<link>http://tommy.ironman.tw/onmouseover-onmouseout/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=onmouseover-onmouseout</link>
		<comments>http://tommy.ironman.tw/onmouseover-onmouseout/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 09:55:51 +0000</pubDate>
		<dc:creator>Azan</dc:creator>
				<category><![CDATA[視覺設計]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://tommy.ironman.tw/?p=9</guid>
		<description><![CDATA[看用在列或欄都可以]]></description>
		<wfw:commentRss>http://tommy.ironman.tw/onmouseover-onmouseout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

