CSS

From TestingMediawiki
Jump to navigation Jump to search

CSS ,全名 Cascading Style Sheet ,中文翻譯有「串接式樣式表」、「層級式樣式表」、「串聯式排版樣式表」等的,總之就是那種感覺啦。

其它關於 CSS 的資料請參考 W3C 的網頁。

您的位置: ACnowiki >> Cascading Style Sheet

相關文件

在 ACnoWiki 中有整理出的跟 CSS 相關的文件如下。

參考資料

其它網站中可供參考的資料。

未整理

  • http://www.keynavi.net/ja/bugh/css_multi.html
  • CSS Rule 的格式如下: ( 中英名詞對照: Rule=規則, selector=選取符, property=特性、屬性, attribute=屬性, value=變數、值, element=元素, tag=標籤. )
    1. 單一選取符單一特性單一變數基本型: selector { property : value ; }
    2. 複數選取符複數特性複數變數型: selector, selector { property : value ; property : value ; }
    3. 複數階層(?)選取符型: selector selector { property : value ; }
    4. 子嗣選取符型: selector > selector { property : value ; }
    5. 指定選取符的特性及變數型: selector[attribute=value] { property : value ; }
  • 優先度(指定得越細越準確的越優先,另外放置在 CSS 定義區的同樣的選取符的規則,放越後面的,就是最後所顯示出來的樣式。)
    1. selector > selector[attr=value].class
    2. selector > selector.class
    3. selector selector[attr].class
    4. selector[attr].class
    5. [attr].class
    6. selector[attr].class
    7. selector[attr]
    8. .class
    9. selector
  • 心得 ( Wini )
    1. 該用 div 跟 span 來修飾頁面時就要用。
    2. 如果網頁沒了 CSS 或是任何樣式後就不能看,那就代表所使用的 HTML 元素不足以表示網頁的內容。
    3. XML 只是一種承載資料的格式,用在網頁製作上,最終仍是要轉成 HTML 或 XHTML 格式的,所以「只用 div 跟 span 來製作網頁」是不行的,這種觀念要小心,否則做出的網頁可能不能給純文字瀏覽器閱讀。
    4. 表格式資料建議用表格來表示,不要用 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" 字樣的規則的緣故。



  • Top Page: CSS, WebDesign,
  • Next Page: , Previous Page:
  • Main article Author or Maintainer for this page: Wini
  • Other Author(s) or Maintainer(s):