CSS: Difference between revisions
Jump to navigation
Jump to search
| Line 24: | Line 24: | ||
==未整理== | ==未整理== | ||
*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=標籤. ) | *CSS Rule 的格式如下： ( 中英名詞對照： Rule=規則, selector=選取符, property=特性、屬性, attribute=屬性, value=變數、值, element=元素, tag=標籤. ) | ||
*#單一選取符單一特性單一變數基本型： <code>selector { property : value ; }</code> | *#單一選取符單一特性單一變數基本型： <code>selector { property : value ; }</code> | ||
*#複數選取符複數特性複數變數型： <code>selector, selector { property : value ; property : value ; }</code> | *#複數選取符複數特性複數變數型： <code>selector, selector { property : value ; property : value ; }</code> | ||
| Line 30: | Line 30: | ||
*#子嗣選取符型： <code><nowiki>selector > selector { property : value ; }</nowiki></code> | *#子嗣選取符型： <code><nowiki>selector > selector { property : value ; }</nowiki></code> | ||
*#指定選取符的特性及變數型： <code><nowiki>selector[attribute=value] { property : value ; }</nowiki></code> | *#指定選取符的特性及變數型： <code><nowiki>selector[attribute=value] { property : value ; }</nowiki></code> | ||
*優先度（指定得越細越準確的越優先，另外放置在 CSS | *優先度（指定得越細越準確的越優先，另外放置在 CSS 定義區的同樣的選取符的規則，放越後面的，就是最後所顯示出來的樣式。） | ||
*#<nowiki>selector > selector[attr=value].class</nowiki> | *#<nowiki>selector > selector[attr=value].class</nowiki> | ||
*#<nowiki>selector > selector.class</nowiki> | *#<nowiki>selector > selector.class</nowiki> | ||
| Line 46: | Line 46: | ||
*#表格式資料建議用表格來表示，不要用 CSS 的 display:table-row; 或 display:table-cell; 硬湊表格的外觀。 | *#表格式資料建議用表格來表示，不要用 CSS 的 display:table-row; 或 display:table-cell; 硬湊表格的外觀。 | ||
{{Menu:Category|CSS|WebDesign|Wini}} | |||
Revision as of 07:05, 12 December 2005
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; 硬湊表格的外觀。