DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV+CSS命名規則(2)
DIV+CSS命名規則(2)
編輯:CSS詳解     

(一)自定義命名:

根據w3c網站上給出的,最好是用意義命名

比如:是重要的新聞高亮顯示(像紅色)

有兩種

◆red{color:red}

◆important-news{color:red}

很顯然第二種傳達的意義更加明確,所以盡量不要用意義不明確的作為自己自定義的名字

(二)注釋的寫法:

/*Footer*/

內容區

/*EndFooter*/

(三)id的命名:

(1)頁面結構

容器:container頁頭:header內容:content/container

頁面主體:main頁尾:footer導航:nav

側欄:sidebar欄目:column頁面外圍控制整體布局寬度:wrapper

左右中:leftrightcenter

(2)導航

導航:nav主導航:mainbav子導航:subnav

頂導航:topnav邊導航:sidebar左導航:leftsidebar

右導航:rightsidebar菜單:menu子菜單:submenu

標題:title摘要:summary

(3)功能

標志:logo廣告:banner登陸:login登錄條:loginbar

注冊:regsiter搜索:search功能區:shop

標題:title加入:joinus 狀態:status按鈕:btn

滾動:scroll標簽頁:tab文章列表:list提示信息:msg

當前的:current小技巧:tips圖標:icon注釋:note

指南:guild 服務:service熱點:hot新聞:news

下載:download投票:vote合作伙伴:partner

友情鏈接:link版權:copyrigh。t

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