1、div+CSS的命名規則?
css樣式的類名或者相關的ID名也是需要一定的規則,這樣有利於前台和後台的交互。
1、一般公司開發都是給技術員一本網站前端開發規范,裡面詳細的說明了各個命名的規則等相關的問題。
2、常見的人們約定的命名習慣為:
頭:header
內容:content/container
尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
登錄條:loginbar
標志:logo
廣告:banner
頁面主體:main
熱點:hot
新聞:news
下載:download
子導航:subnav
菜單:menu
子菜單:submenu
搜索:search
友情鏈接:friendlink
頁腳:footer
版權:copyright
滾動:scroll
內容:content
標簽:tags
文章列表:list
提示信息:msg
小技巧:tips
欄目標題:title
加入:joinus
指南:guide
服務:service
注冊:regsiter
狀態:status
投票:vote
合作夥伴:partner
2、怎麼給div+css樣式表命名的規則
DIV+CSS樣式表命名不能隨意而為,否則以後進行維護時困難很大。如同軟體開發中對類名的仔細處理一樣,DIV+CSS樣式表命名也需要遵循規則。
DIV+CSS樣式表的id的常用命名規則如下表所示:
頁頭 header 登錄條 loginBar 標志 logo
側欄 sideBar 廣告 Banner 導航 nav
子導航 subNav 菜單 menu 子菜單 subMenu
搜索 search 滾動 scroll 頁面主體 main
內容 content 標簽頁 tab 文章列表 list
提示信息 msg 小技巧 tips 欄目標題 title
加入 joinus 指南 guild 服務 service
熱點 hot 新聞 news 下載 download
注冊 regsiter 狀態 status 按鈕 btn
投票 vote 合作夥伴 partner 友情鏈接 friendLink
頁腳 footer 版權 copyRight
DIV+CSS樣式表的class的常用命名規則如下表所示:
外 套 wrap 主導航 mainNav 子導航 subnav
頁 腳 footer 整個頁面 content 頁 眉 header
商 標 label 標 題 title 主導航 mainNav
邊導航 sidebar 左導航 leftsideBar 右導航 rightsideBar
旗 志 logo 標 語 banner 菜單內容 menu1Content
菜單容量 menuContainer 子菜單 submenu 邊導航圖標 sidebarIcon
注釋 note 麵包屑 breadCrumb 容器 container
內容 content 搜索 search 登陸 login
功能區 shop 當前的 current
3、css樣式表名字有什麼規則?
常用的CSS命名規則:
頭:header 內容:content/container 尾:footer 導航:nav 側欄:sidebar
欄目:column 頁面外圍控制整體布局寬度:wrapper 左右中:left right center
登錄條:loginbar 標志:logo 廣告:banner 頁面主體:main 熱點:hot
新聞:news 下載:download 子導航:subnav 菜單:menu
子菜單:submenu 搜索:search 友情鏈接:friendlink 頁腳:footer
版權:copyright 滾動:scroll 內容:content 標簽頁:tab
文章列表:list 提示信息:msg 小技巧:tips 欄目標題:title
加入:joinus 指南:guild 服務:service 注冊:regsiter
狀態:status 投票:vote 合作夥伴:partner
(二)注釋的寫法:
/* Footer */
內容區
/* End Footer */
(三)id的命名:
(1)頁面結構
容器: container 頁頭:header 內容:content/container
頁面主體:main 頁尾:footer 導航:nav
側欄:sidebar 欄目:column 頁面外圍控制整體布局寬度:wrapper
左右中:left right center
(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 版權:copyright
(四)class的命名:
(1)顏色:使用顏色的名稱或者16進制代碼,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字體大小,直接使用』font+字體大小』作為名稱,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)對齊樣式,使用對齊目標的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }
(4)標題欄樣式,使用』類別+功能』的方式命名,如
.barnews { }
.barproct { }
4、CSS布局命名規范
頁頭:header 如:#header{屬性:屬性值;}或.header{屬性:屬性值;}
登錄條:loginBar
標志:logo
側欄:sideBar
廣告:banner
導航:nav
子導航:subNav
菜單:menu
子菜單:subMenu
搜索:search
滾動:scroll
頁面主體:main
內容:content
標簽頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標題:title
加入:joinus
指南:guild
服務:service
熱點:hot
新聞:news
下載:download
注冊:regsiter
狀態: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
菜單內容1: menu1Content
菜單容量: menuContainer
子菜單:submenu
邊導航圖標:sidebarIcon
注釋: note
麵包屑:breadCrumb(即頁面所處位置導航提示)
容器: container
內容: content
搜索: search
登陸: login
功能區:shop(如購物車,收銀台)
當前的 current
2.CSS樣式文件命名如下
主要的 master.css
布局,版面 layout.css
專欄 columns.css
文字 font.css
列印樣式 print.css
主題 themes.css
5、計算機一級dw中CSS目標規則名定為.gk要加點嗎?
DIV中為CLASS,在CSS中需要加點 .
偽類可以不用加哈。
6、網頁製作中命名有什麼規則?像第一頁為index.html.
第一頁(首頁)命名其實也是可以任意的。不過,在你綁定的伺服器里的首頁名要與之對應,不然,會打不開首頁。
命名主要是為了好記、規范和與別人接軌,大家都這么做,才便於交流,如果你的首頁非要取個com.html,也沒人管你,但如果你的站點放在別的伺服器,而這個伺服器不支持自定義首頁命名,那你就麻煩大了。
另外,很多網站的網面文件命名用拼音,真是掉價,這點要注意。另外也有用數字的,結果到最後都分不清哪兒是哪兒了。
所以,要養成一個好的命名習慣,這很重要。比如將圖片放在一個目錄,數據放在另一個目錄,網頁在一個目錄。
7、CSS樣式怎樣命名才規范,css命名規則大全
這個鏈接就是CSS命名規則大全
http://www.divcss5.com/jiqiao/j4.shtml
8、網頁DIV+CSS怎麼規范命名.詳細一定把。比如id、css、div、文件名、不要復制的。謝謝!
命名規則主要是要求在同一維度,讓同一個團隊的成員都能明白的。當然,也有公共命名方式的,例如head,body等等的。
例如,我們做一個DIV+CSS,就板塊而言,先劃分好:頭部,通欄,左欄,右欄,內容區,底部等的大區塊。然後,採用統一的命名。
CSS的命名,劃分為:排版性區塊,功能性區塊,列表性區塊等
即:排版性:main_head,main_body,main_left,main_right,main_footer;
功能性區塊:FL(float-left),FR,將常用的建立類;方便調用;
還有就是列表:list_x(左右排列),list_y(上下排列的);
而div的命名也是按上述方式,先排版,再到功能性的;
比如,頭部的<div id="main_head"></div>,如果頭部裡面的logo,那麼main_head_logo等等;
多用類,因為一個div可以同時接受多個類,所以,命名的規則就是需要簡單,明確,可讀。
9、關於CSS規則的命名問題
不用要可視化,那個很爛的,用那個的換工作都難有人要
另外你說的#那是定義一個ID, .的話是class - 類
10、請問有沒有關於網頁製作中好的命名規則?還有如何合理的分配每個分頁的CSS文件?
頭:header
內容:content/container
尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
登錄條:loginbar
標志:logo
廣告:banner
頁面主體:main
熱點:hot
新聞:news
下載:download
子導航:subnav
菜單:menu
子菜單:submenu
搜索:search
友情鏈接:friendlink
頁腳:footer
版權:copyright
滾動:scroll
內容:content
標簽頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標題:title
加入:joinus
指南:guild
服務:service
注冊:regsiter
狀態態:status
投票:vote
合作夥伴:partner
注釋的寫法
/* Footer */
內容區
/* End Footer */
id的命名
容器: container
頁頭:header
內容:content/container
頁面主體:main
頁尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
id的命名
頁面結構
容器: container
頁頭:header
內容:content/container
頁面主體:main
頁尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
導航
導航:nav
主導航:mainbav
子導航:subnav
頂導航:topnav
邊導航:sidebar
左導航:leftsidebar
右導航:rightsidebar
菜單:menu
子菜單:submenu
標題: title
摘要: summary
功能
標志: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
版權:copyright
class的命名
(1)顏色:使用顏色的名稱或者16進制代碼,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字體大小,直接使用"font+字體大小"作為名稱,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)對齊樣式,使用對齊目標的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }
(4)標題欄樣式,使用"類別+功能"的方式命名,如
.barnews { }
.barproct { }
注意事項
1.一律小寫;
2.盡量用英文;
3.不加中杠和下劃線;
4.盡量不縮寫,除非一看就明白的單詞.
主要的 master.css
模塊 mole.css
基本共用 base.css
布局,版面 layout.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補丁 mend.css
列印 print.css