CSS布局命名規(guī)范

頁頭：header 如：#header{屬性:屬性值;}或.header{屬性:屬性值;}

創(chuàng)新互聯(lián)自2013年創(chuàng)立以來，先為七里河等服務(wù)建站，七里河等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為七里河企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

登錄條：loginBar

標(biāo)志：logo

側(cè)欄：sideBar

廣告：banner

導(dǎo)航：nav

子導(dǎo)航：subNav

菜單：menu

子菜單：subMenu

搜索：search

滾動：scroll

頁面主體：main

內(nèi)容：content

標(biāo)簽頁：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標(biāo)題：title

加入：joinus

指南：guild

服務(wù)：service

熱點：hot

新聞：news

下載：download

注冊：regsiter

狀態(tài)：status

按鈕：btn

投票：vote

合作伙伴：partner

友情鏈接：friendLink

頁腳：footer

版權(quán)：copyRight

1.CSS的 ID 的命名

外　套： wrap

主導(dǎo)航：mainNav

子導(dǎo)航：subnav

頁　腳：footer

整個頁面：　content

頁　眉：header

頁　腳：footer

商　標(biāo)：label

標(biāo)　題：title

主導(dǎo)航：mainNav(globalNav)

頂導(dǎo)航：topnav

邊導(dǎo)航：sidebar

左導(dǎo)航：leftsideBar

右導(dǎo)航：rightsideBar

旗　志：logo

標(biāo)　語：banner

菜單內(nèi)容1： menu1Content

菜單容量：　menuContainer

子菜單：submenu

邊導(dǎo)航圖標(biāo)：sidebarIcon

注釋：　note

面包屑：breadCrumb(即頁面所處位置導(dǎo)航提示)

容器：　container

內(nèi)容：　content

搜索：　search

登陸：　login

功能區(qū)：shop(如購物車，收銀臺)

當(dāng)前的　current

2.CSS樣式文件命名如下

主要的 master.css

布局，版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css

CSS樣式表存在形式有哪些,應(yīng)用的側(cè)重點分別是什么？

一共有三種 形式存在

第一種為標(biāo)簽樣式，taglib為標(biāo)簽名，后面{}里面加屬性,這種樣式對頁面內(nèi)所有的標(biāo)簽名為taglibname的標(biāo)簽起作用。

第二種為css類樣式，需要在HTML開始標(biāo)簽 后綴 class="name"，name即類名，這類標(biāo)簽對HTML內(nèi)所有后綴同樣name的標(biāo)簽起作用 class="name" 可以設(shè)在多個開始標(biāo)簽后，表示這些標(biāo)簽具有同一類樣式。

第三種為cssID樣式，需要在HTML開始標(biāo)簽后綴 id="id",需要注意的是，ID樣式的話，每一個name都是獨立且不重復(fù)的，具有唯一性。

希望我的回答對你有幫助

用CSS創(chuàng)建扁平化面包屑導(dǎo)航中的偽元素after，before浮動覆蓋問題？

#crumbs?ul?li?a:after{

/*styles

.

.

.

*/

/*加一個zindex就可以了*/

z-index:100;

}