CSS簡介 - 修訂歷史

Sakurai: /* 利用工具 */

2013-05-29T07:33:10Z

利用工具

←上一修訂		在2013年5月29日 (三) 07:33所做的修訂版本
第46行：		第46行：
	** 下載並解壓縮執行setup		** 下載並解壓縮執行setup
	** 利用這個程式理由有二：一、免費；二、乾淨。		** 利用這個程式理由有二：一、免費；二、乾淨。
		+	** 因為已經找不到了，所以改用
		+	** [http://juststyle-css-editor.soft32.com/free-download/ JustStyle CSS editor ]
	* NVU		* NVU
	** 有一些小缺點:p		** 有一些小缺點:p

Sakurai: /* 利用工具 */

2011-02-25T07:22:16Z

利用工具

←上一修訂		在2011年2月25日 (五) 07:22所做的修訂版本
第49行：		第49行：
	** 有一些小缺點:p		** 有一些小缺點:p
	** [http://mozilla-taiwan.org/nvu/ NVU中文版]		** [http://mozilla-taiwan.org/nvu/ NVU中文版]
		+
		+	*工具介紹
		+	** [http://chibc.pixnet.net/blog/post/34051607 9個好用的 CSS 編輯器]

	=== 簡易範例 ===		=== 簡易範例 ===

Sakurai在2008年5月19日 (一) 01:59

2008-05-19T01:59:45Z

←上一修訂		在2008年5月19日 (一) 01:59所做的修訂版本
第61行：		第61行：
	=== 作業 ===		=== 作業 ===

-	* 完成「首頁」	+	* 完成「首頁」
	** 其實是期末作業的部分		** 其實是期末作業的部分
	** 先讓大家試著作一下，以免到時候不知道要作什麼？		** 先讓大家試著作一下，以免到時候不知道要作什麼？
第69行：		第69行：
	** 期限在本週五之前，有任何問題請速找我！		** 期限在本週五之前，有任何問題請速找我！

-	~~<br>~~	+	[[網際網路與心理學\| 回到網際網路與心理學]]

Sakurai: 新頁面: == What is CSS == === CSS === * 全名為Cascading Style Sheets * 中文為「串接樣式表」 ** Cascading是串接、連接之意 * 可以讓網頁的格式與內容分開 === CSS...

2008-05-12T04:17:32Z

新頁面: == What is CSS == === CSS === * 全名為Cascading Style Sheets * 中文為「串接樣式表」 ** Cascading是串接、連接之意 * 可以讓網頁的格式與內容分開 === CSS...

新頁面

== What is CSS ==

=== CSS ===

* 全名為Cascading Style Sheets
* 中文為「串接樣式表」
** Cascading是串接、連接之意
* 可以讓網頁的格式與內容分開

=== CSS好處 ===

* 讓多個網頁有共同的樣子
* 一次更改所有網頁的樣子
* 在不同機器上有相似的效果
* 可以專心更新內容
* 可以更彈性的格式

=== CSS的樣子 ===

* CSS 語法
* selector { property: value;}
** Selector 選項
** Property 屬性
** Value 值
** 例如：
*** h4 { color: green;}
* 參見
* [http://www.pagras.net/tag/css/ 雙子貓的胡言亂言]
* [http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm Cascading Style Sheets (串接樣式表)的基本介紹]
* [http://crow.myweb.hinet.net/css/ CSS2.0中文手冊]

=== CSS常見用法 ===

* 獨立一個檔案
** 如：style.css
* 在html檔案中連絡
** 如：<link rel="stylesheet" href="style.css" type="text/css" />
* 詳見
** [http://www.csszengarden.com/ CSS Zen garden]

=== 利用工具 ===

* TopStyle Lite
** 一個freeware
** [http://www.bradsoft.com/index.asp TopStyle首頁，還要進去一點:)]
** 下載並解壓縮執行setup
** 利用這個程式理由有二：一、免費；二、乾淨。
* NVU
** 有一些小缺點:p
** [http://mozilla-taiwan.org/nvu/ NVU中文版]

=== 簡易範例 ===

* 看看以下
** [http://www.psy.kmu.edu.tw/~sakurai/chinese/chinese.css 我中文首頁的CSS]
** 全選以後讀到TopStyle Lite
* 再看看以下
** [http://www.psy.kmu.edu.tw/~sakurai/chinese/chinese.html 我的中文首頁]
** 改一點點看看

=== 作業 ===

* 完成「首頁」
** 其實是期末作業的部分
** 先讓大家試著作一下，以免到時候不知道要作什麼？
** 至少要用CSS指定h1,h2...及text形式
** 試著用[http://validator.w3.org/ W3C validator]
** 檢查一下你的網頁合不合乎HTML 4.01
** 期限在本週五之前，有任何問題請速找我！

<br>