CSS
Jump to navigation
Jump to search
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" 字樣的規則的緣故。