CSS: Difference between revisions
Jump to navigation
Jump to search
m Reverted edit of 222.105.28.47, changed back to last version by Wini |
|||
(12 intermediate revisions by 3 users not shown) | |||
Line 9: | Line 9: | ||
*[[CSS:print|CSS 在列印文件上的運用]] | *[[CSS:print|CSS 在列印文件上的運用]] | ||
*與字體大小有關的說明網站 | |||
**[http://www.bigbaer.com/css_tutorials/css_font_size.htm CSS Font Size Explained] | |||
**[http://www2.cyut.edu.tw/~s9154610/css.html CSS(Cascading Style Sheet) Note] | |||
==參考資料== | ==參考資料== | ||
Line 17: | Line 20: | ||
*[http://www.csszengarden.com/ css Zen Garden: The Beauty in CSS Design] | *[http://www.csszengarden.com/ css Zen Garden: The Beauty in CSS Design] | ||
*[http://www.alexking.org/index.php?content=software/wordpress/themes.php alexking.org: Software > WordPress Themes] | *[http://www.alexking.org/index.php?content=software/wordpress/themes.php alexking.org: Software > WordPress Themes] | ||
*[http://www.books.com.tw/exep/prod/booksfile.php?item=0010307464 博客來書籍館>Eric Meyer再談CSS網頁排版設計--More Eric Meyer on CSS 中文版] | |||
==未整理== | ==未整理== | ||
*http://www.keynavi.net/ja/bugh/css_multi.html | *http://www.keynavi.net/ja/bugh/css_multi.html | ||
*CSS Rule 的格式如下: ( 中英名詞對照: Rule=規則, selector=選取符, property=特性、屬性, attribute=屬性, value=變數、值, element=元素, tag=標籤. ) | |||
*#單一選取符單一特性單一變數基本型: <code>selector { property : value ; }</code> | |||
*#複數選取符複數特性複數變數型: <code>selector, selector { property : value ; property : value ; }</code> | |||
*#複數階層(?)選取符型: <code>selector selector { property : value ; }</code> | |||
*#子嗣選取符型: <code><nowiki>selector > selector { property : value ; }</nowiki></code> | |||
*#指定選取符的特性及變數型: <code><nowiki>selector[attribute=value] { property : value ; }</nowiki></code> | |||
*優先度(指定得越細越準確的越優先,另外放置在 CSS 定義區的同樣的選取符的規則,放越後面的,就是最後所顯示出來的樣式。) | |||
*#<nowiki>selector > selector[attr=value].class</nowiki> | |||
*#<nowiki>selector > selector.class</nowiki> | |||
*#<nowiki>selector selector[attr].class</nowiki> | |||
*#<nowiki>selector[attr].class</nowiki> | |||
*#<nowiki>[attr].class</nowiki> | |||
*#<nowiki>selector[attr].class</nowiki> | |||
*#<nowiki>selector[attr]</nowiki> | |||
*#<nowiki>.class</nowiki> | |||
*#<nowiki>selector</nowiki> | |||
*心得 ( [[User:Wini|Wini]] ) | |||
*#該用 div 跟 span 來修飾頁面時就要用。 | |||
*#如果網頁沒了 CSS 或是任何樣式後就不能看,那就代表所使用的 HTML 元素不足以表示網頁的內容。 | |||
*#XML 只是一種承載資料的格式,用在網頁製作上,最終仍是要轉成 HTML 或 XHTML 格式的,所以「只用 div 跟 span 來製作網頁」是不行的,這種觀念要小心,否則做出的網頁可能不能給純文字瀏覽器閱讀。 | |||
*#表格式資料建議用表格來表示,不要用 CSS 的 display:table-row; 或 display:table-cell; 硬湊表格的外觀。 | |||
*Gecko 核心瀏覽器 ( Mozilla Suite, Mozilla Seamonkey, Mozilla Firefox, Netscape 7.x... ) 對網頁所使用的基礎樣式,是存放於硬碟中的 html.css 這檔案中,若找出的結果為複數同名檔案,請找放置於 Mozilla Firefox 資料夾下修改日期最新的那個。 | |||
*在 CSS 規則中的變數後方會加個 "! important" (如 "display: block ! important;" ),這是為了讓該份CSS 樣式表,在與原本的樣式表發生衝突時,會優先使用該份有加 "! important" 字樣的規則的緣故。 | |||
{{Menu:Category|CSS|WebDesign|Wini}} |
Latest revision as of 04:01, 28 February 2006
CSS ,全名 Cascading Style Sheet ,中文翻譯有「串接式樣式表」、「層級式樣式表」、「串聯式排版樣式表」等的,總之就是那種感覺啦。
其它關於 CSS 的資料請參考 W3C 的網頁。
您的位置: ACnowiki >> Cascading Style Sheet
相關文件
在 ACnoWiki 中有整理出的跟 CSS 相關的文件如下。
參考資料
其它網站中可供參考的資料。
- CSS Tutorial Traditional Chinese
- W3Schools Online Web Tutorials
- css Zen Garden: The Beauty in CSS Design
- alexking.org: Software > WordPress Themes
- 博客來書籍館>Eric Meyer再談CSS網頁排版設計--More Eric Meyer on CSS 中文版
未整理
- http://www.keynavi.net/ja/bugh/css_multi.html
- CSS Rule 的格式如下: ( 中英名詞對照: Rule=規則, selector=選取符, property=特性、屬性, attribute=屬性, value=變數、值, element=元素, tag=標籤. )
- 單一選取符單一特性單一變數基本型:
selector { property : value ; }
- 複數選取符複數特性複數變數型:
selector, selector { property : value ; property : value ; }
- 複數階層(?)選取符型:
selector selector { property : value ; }
- 子嗣選取符型:
selector > selector { property : value ; }
- 指定選取符的特性及變數型:
selector[attribute=value] { property : value ; }
- 單一選取符單一特性單一變數基本型:
- 優先度(指定得越細越準確的越優先,另外放置在 CSS 定義區的同樣的選取符的規則,放越後面的,就是最後所顯示出來的樣式。)
- selector > selector[attr=value].class
- selector > selector.class
- selector selector[attr].class
- selector[attr].class
- [attr].class
- selector[attr].class
- selector[attr]
- .class
- selector
- 心得 ( Wini )
- 該用 div 跟 span 來修飾頁面時就要用。
- 如果網頁沒了 CSS 或是任何樣式後就不能看,那就代表所使用的 HTML 元素不足以表示網頁的內容。
- XML 只是一種承載資料的格式,用在網頁製作上,最終仍是要轉成 HTML 或 XHTML 格式的,所以「只用 div 跟 span 來製作網頁」是不行的,這種觀念要小心,否則做出的網頁可能不能給純文字瀏覽器閱讀。
- 表格式資料建議用表格來表示,不要用 CSS 的 display:table-row; 或 display:table-cell; 硬湊表格的外觀。
- Gecko 核心瀏覽器 ( Mozilla Suite, Mozilla Seamonkey, Mozilla Firefox, Netscape 7.x... ) 對網頁所使用的基礎樣式,是存放於硬碟中的 html.css 這檔案中,若找出的結果為複數同名檔案,請找放置於 Mozilla Firefox 資料夾下修改日期最新的那個。
- 在 CSS 規則中的變數後方會加個 "! important" (如 "display: block ! important;" ),這是為了讓該份CSS 樣式表,在與原本的樣式表發生衝突時,會優先使用該份有加 "! important" 字樣的規則的緣故。