css基本語法 ,css樣式命名規則

導讀：
　　CSS爲casading style sheets(層疊樣式表)縮寫,一種對web文檔添加樣式的簡單機制.屬表現層的佈局語言.
　　基本語法規範,分析個例子先
　　p{COLOR:#FF0;BACKGROUND:#FFF}
　　其中"p"我們稱爲選擇器selectors,指明我們要給"p"定義樣式,樣式的聲明寫在{ }裏面
　　COLOR和BACKGROUND稱爲屬性property,不同屬性之前用分號"分隔".#FF0,#FFF爲屬性的值value.
　　顏色值可以用RGB寫: color:rgb(255,0,0)
　　也可以用color:#FFF000寫
　　
　　定義字體 web標準推薦的字體定義如下
　　body{font-family:"Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋體,san-serif;}
　　字體按照所列出的順序選用,如果計算機含有Lucida Grande字體,文檔就被指定爲Lucida Grande.沒有的話,就被指定爲Verdana字體,如果也沒有Verdana,就指定Lucida字體,依次類推...
　　Lucida Grande字體適合Mac os x;Verdana適合所有windows系統;Lucida適合unix用戶;"宋體"適合中文簡體用戶;如果列出的字體都不能用,則默認的sans-serif字體就能保證調用.
　　
　　羣選擇器----當幾個元素屬性一樣時,就可以調用一個聲明,元素之前用逗號分隔,例子
　　p,td,li{font-size:12px}
　　派生選擇器→可以選擇派生選擇器給一個元素的子元素定義樣式 例如
　　li strong{font-style:italic;font-weight:normal;}
　　就是給li下面的字元素strong定義一個斜體不加粗的樣式
　　id選擇器
　　用css佈局主要用層" div"的樣式可以通過"id選擇器"來定義,例如
　　首先來定義一個層

　　然後在樣式表裏這樣定義 #menubar {MARGIN=0px;BACKGROUND:#FEFEFE;COLOR#666;}
　　分析一下:
　　其中"menubar" 是自己定義的id的名稱,注意在前面加"#"號,id選擇器同樣也支持派生,如
　　#meuabar p{text-align:right;margin-top:10px;}
　　這個方法主用來定義層個那些比較複雜,有多個派生的元素.
　　再看下類別選擇器,在CSS裏有一個點開頭表示類別、選擇器定義.
　　如: .14px{color:#f60;font-size:14px;}
　　在頁面中用class="類別名"的方法調用: 14px大小的字體
　　這個方法比較靈活,可以隨時根據頁面的需要,新建和刪除.
　　CSS鏈接樣式,常用到的四個僞類樣式,分別是: a:link, a:visited, a:hover以及a:active (LVHA)
　　錨(a)僞類
　　a:link{color:#FF0} /*銜接/
　　a:visited{color:#00FF00} /*已訪鏈接/
　　a:hover{color:#FFCC00} /*鼠標停在上方時/
　　a:active{color:#0000FF} /*點下鼠標時/
　　在書寫的時候要按照(LVHA)順序書寫.基本語法還有很多
　　可以參照http://www.w3.org http://www.w3cn.org或者css手冊.研究中....
　　css樣式命名規則:
　　1.樣式命名
　　外　套：　　wrap
　　主導航：　　mainnav
　　子導航：　　subnav
　　頁　腳：　　footet
　　整個頁面：　content
　　頁　眉：　　header
　　頁　腳：　　footer
　　商　標：　　label
　　標　題：　　title
　　主導航：　　mainbav（globalnav）
　　頂導航：　　topnav
　　邊導航：　　sidebar
　　左導航：　　leftsidebar
　　右導航：　　rightsidebar
　　旗　志：　　logo
　　標　語：　　banner
　　菜單內容1： menu1 content
　　菜單容量：　menu container
　　子菜單：　　submenu
　　邊導航圖標：sidebarIcon
　　註釋：　　　note
　　麪包屑：　　breadcrumb(即頁面所處位置導航提示）
　　容器：　　　container
　　內容：　　　content
　　搜索：　　　search
　　登陸：　　　Login
　　功能區：　　shop(如購物車，收銀臺)
　　當前的　　　current
　　2.另外在編輯樣式表時可用的註釋可這樣寫：
　　<-- Footer -->
　　內容區
　　<-- End Footer -->
　　3.樣式文件命名
　　主要的 master.css
　　佈局，版面 layout.css
　　專欄 columns.css
　　文字 font.css
　　打印樣式 print.css
　　主題 themes.css

本文轉自
http://blog.163.com/melon_cooya/blog/static/167966732006102411218669/