您的位置: 網站首頁 > 網站設計觀點 > 太原網站設計之CSS命名規范

太原網站設計之CSS命名規范

時間:2012-3-5 0:45:14
 網站設計離不開CSS 下滿小編我就和大家一起學習下CSS 命名規范參考及書寫注意事項。
  CSS書寫順序
  *{
  /*顯示屬性*/
  display
  position
  float
  clear
  cursor
  …
  /*盒模型*/
  margin
  padding
  width
  height
  /*排版*/
  vertical-align
  white-space
  text-decoration
  text-align
  …
  /*文字*/
  color
  font
  content
  /*邊框背景 為什么要把 boder和background放在最后的原因是修改的頻率會較之前的頻繁,放在最后查看起來方便,哈哈。*/
  border
  background
  }
  下表順序為從上到下,從左到右:
  ========================
  display || visibility
  list-style : list-style-type || list-style-position || list-style-image
  position
  top || right || bottom || left
  z-index
  clear
  float
  width
  max-width || min-width
  height
  max-height || min-height
  overflow || clip
  margin : margin-top || margin-right || margin-bottom || margin-left
  padding : padding-top || padding-right || padding-bottom || padding-left
  outline : outline-color || outline-style || outline-width
  border
  background : background-color || background-image || background-repeat || background-attachment || background-position
  color
  font : font-style || font-variant || font-weight || font-size || line-height || font-family
  font : caption | icon | menu | message-box | small-caption | status-bar
  text-overflow
  text-align
  text-indent
  line-height
  white-space
  vertical-align
  cursor
  CSS命名規則:
  一.文件命名規范
  全局樣式:global.css;
  框架布局:layout.css;
  字體樣式:font.css;
  鏈接樣式:link.css;
  打印樣式:print.css;
  主要的 master.css
  專欄 columns.css
  主題 themes.css
  主要的 master.css
  模塊 module.css
  基本共用 base.css
  表單 forms.css
  補丁 mend.css
  二.頁面結構
  容 器: container
  頁 頭:header
  內 容:content
  頁面主體:main
  頁 尾:footer
  欄目:column
  頁面外圍控制整體布局寬度:wrapper
  左右中:left right center
  三.導航
  導航:nav
  主導航:mainbav
  子導航:subnav
  頂導航:topnav
  邊導航:sidebar
  左導航:leftsidebar
  右導航:rightsidebar
  菜單:menu
  子菜單:submenu
  摘要: summary
五分快三单双大小