規(guī)范使用DIV+CSS命名規(guī)則 增強優(yōu)化功效

2021-01-09    分類: 網(wǎng)站建設

頁頭:header

登錄條:loginBar

標志:logo

側(cè)欄:sideBar

廣告:banner

導航:nav

子導航:subNav

菜單:menu

子菜單:subMenu

搜索:search

滾動:scroll

頁面主體:main

內(nèi)容:content

標簽頁:tab

文章列表:list

提示信息:msg

小技巧:tips

欄目標題:title

加入:joinus

指南:guild

服務:service

熱點:hot

新聞:news

下載:download

注冊:regsiter

狀態(tài):status

按鈕:btn

投票:vote

合作伙伴:partner

友情鏈接:friendLink

頁腳:footer

版權:copyRight

1.CSS ID 的命名

外 套:  wrap

主導航:  mainNav

子導航:  subnav

頁 腳:  footer

整個頁面: content

頁 眉:  header

頁 腳:  footer

商 標:  label

標 題:  title

主導航:  mainNav(globalNav)

頂導航:  topnav

邊導航:  sidebar

左導航:  leftsideBar

右導航:  rightsideBar

旗 志:  logo

標 語:  banner

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

菜單容量: menuContainer

子菜單:  submenu

邊導航圖標:sidebarIcon

注釋:   note

面包屑:  breadCrumb(即頁面所處位置導航提示)

容器:   container

內(nèi)容:   content

搜索:   search

登陸:   login

功能區(qū):  shop(如購物車,收銀臺)

當前的   current

2.另外在編輯樣式表時可用的注釋可這樣寫:

<– Footer –>

內(nèi)容區(qū)

<– End Footer –>

3.樣式文件命名

主要的 master.css

布局,版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css

本文題目:規(guī)范使用DIV+CSS命名規(guī)則 增強優(yōu)化功效
本文URL:http://muchs.cn/news/96596.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站品牌網(wǎng)站設計、App設計服務器托管、網(wǎng)站制作、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運營