網(wǎng)站建設(shè)CSS命名規(guī)范_第1頁
網(wǎng)站建設(shè)CSS命名規(guī)范_第2頁
網(wǎng)站建設(shè)CSS命名規(guī)范_第3頁
網(wǎng)站建設(shè)CSS命名規(guī)范_第4頁
網(wǎng)站建設(shè)CSS命名規(guī)范_第5頁
已閱讀5頁，還剩2頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、眾成新項(xiàng)目部CSS樣式表及XHTML命名書寫規(guī)范 編寫者：黃挽審核者：黃挽批準(zhǔn)者：黃挽 眾成技術(shù)開發(fā)有限公司版本歷史記錄日期版本更改描述作者2007-03-051.0初始版本黃挽2008-03-082.0修正版本黃挽2010-07-223.0修正版本黃挽一、DTD聲明DTD (Document Type Definition)是一套關(guān)于標(biāo)記符的語法規(guī)則。它是XML1.0版規(guī)格的一部分,是XML文件的驗(yàn)證機(jī)制,屬于XML文件組成的一部分。 DTD 是一種保證XML文檔格式正確的有效方法，可以通過比較XML文檔和DTD文件來看文檔是否符合規(guī)范，元素和標(biāo)簽使用是否正確。頁面頂部一律使用標(biāo)準(zhǔn)DTD聲明

2、<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml">二、指定語言及字符集如無特殊約定，默認(rèn)一律采取UTF-8編碼<meta http-equiv="Content-Type" content="text/html;

3、 charset=utf-8" />三、調(diào)用樣式表：3.1內(nèi)部樣式表調(diào)用：只能用于獨(dú)立頁面如login.aspx，leftMenu.aspx所使用樣式僅為一個(gè)頁面所引用頁面內(nèi)嵌法：就是將樣式表直接寫在頁面代碼的head區(qū)。如：<style type=”text/css”><! body background : white ; color : black ; > </style>3.2外部樣式表調(diào)用：外部調(diào)用法：將樣式表寫在一個(gè)獨(dú)立的.css文件中，然后在頁面head區(qū)用類似以下代碼調(diào)用。<link rel=”stylesheet” r

4、ev=”stylesheet” href=”css/style.css” type=”text/css” media=”all” />理論上講除了較簡(jiǎn)單的站點(diǎn)或軟件，一個(gè)應(yīng)用應(yīng)該由多張CSS表組成，如：base.css 全局使用的css表 （基本標(biāo)簽及UL，Li等）必須form.css 表單各元素使用的css表 必須font.css 字體樣式使用的css表，如可以用于定義各種Title 必須themes.css 主題樣式表index.css 首頁特殊使用的css表四、樣式表命名規(guī)范采用駝峰命名法，首單詞小寫，次單詞首位大寫。名稱不可以使用下劃線、標(biāo)點(diǎn)符號(hào)、其它特殊符號(hào)、中文等，原則上項(xiàng)目

5、名稱不超出20個(gè)字符，以英文單詞中的名詞為準(zhǔn)，不使用拼音。如picBox, titleBlue,font14px,titleRed,btnSubmit4.1 常用元素的命名頁頭：header標(biāo)志：logo頭部廣告：banner其他廣告：msgAd菜單：menu 子菜單：submenu導(dǎo)航：nav 子導(dǎo)航：subnav登錄條：loginbar側(cè)欄：sidebar搜索：search頁面主體：main內(nèi)容：content容器： container標(biāo)簽頁：tab文章列表：listArticle產(chǎn)品列表：listProduct提示信息：msg欄目標(biāo)題：title小技巧：tips指南：guild服務(wù)：se

6、rvice熱點(diǎn)：hot新聞：news下載：download注冊(cè)：regsiter狀態(tài)：status按鈕：btn投票：vote合作伙伴：partner友情鏈接：friendlink頁腳：footer版權(quán)：copyright外套： wrap注釋： note當(dāng)前的current五、樣式表及XHTML書寫規(guī)范1. 先書寫基本標(biāo)簽類body,a,table,td,注意A標(biāo)記，統(tǒng)一只定義a 與a:hover2. 先對(duì)整體元素的邊距與間距進(jìn)行格式化*padding:0px;margin:0px;3. 盡量使用簡(jiǎn)寫語法，如：.concentNewsborder:1px solid #eee;4. 使用注釋（特

7、殊地方使用注釋 /*注釋內(nèi)容*/）5. 注意標(biāo)簽的容器規(guī)范注意標(biāo)簽結(jié)構(gòu)與容器關(guān)系，以及縮進(jìn)，例<div id=”head”> <h1></h1><h1></h1> <ul> <li></li><li></li></ul></div> 錯(cuò)誤的寫法：1.<span><div id=”head”></div></span> 2. <li><h1></h1></li>3. <li><p></p></li>6. 注意Padding與Margin區(qū)別Paddding用于擴(kuò)展所定義區(qū)域的寬度與高度（容器總高寬等于定義值+padding），而margin是相對(duì)對(duì)齊。7. 注意子容器中有浮動(dòng)的父容器使用clearfix，如：/* Clear Fix */.clearfix:aftercontent:"."display:block;height:0;clear:both;visibility:hidden;.clear

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論