DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> div css網頁制作中的命名規范
div css網頁制作中的命名規范
編輯:CSS詳解     

一個大型網站css不可能由一個人去寫,那樣工作量太大了,一般我們都是分工合作,哪個人負責哪部分,這樣等頁面完成後,在重新整合。

這樣就出現一個問題,命名該怎麼規范,讓別人一看就知道你這個樣式名是什麼意思,包括程序員那邊也看的懂你的大概意思。

如果沒有規范命名,亂起名字box1,box2....等等,這樣估計會讓人非常頭疼。找了半天都找不到你的樣式,而去很容易出現css沖突的現象。

 

下面來看下div css基本命名規范。


  1、文件命名規范


  全局樣式:global.css;
  框架布局:layout.css;
  字體樣式:font.css;
  鏈接樣式:link.css;
  打印樣式:print.css;
 

  2、常用類/ID命名規范


  頁 眉:header
  內 容:content
  容 器:container
  頁 腳:footer
  版 權:copyright 
  導 航:menu
  主導航:mainMenu
  子導航:subMenu
  標 志:logo
  標 語:banner
  標 題:title
  側邊欄:sidebar
  圖 標:Icon
  注 釋:note
  搜 索:search
  按 鈕:btn
  登 錄:login
  鏈 接:link
  信息框:manage

根據這個基本的樣式名在去擴展,在去細化等,這樣結構框架就很明顯了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved