前端開發(fā)設(shè)計(jì)規(guī)范文檔_第1頁(yè)
前端開發(fā)設(shè)計(jì)規(guī)范文檔_第2頁(yè)
前端開發(fā)設(shè)計(jì)規(guī)范文檔_第3頁(yè)
前端開發(fā)設(shè)計(jì)規(guī)范文檔_第4頁(yè)
前端開發(fā)設(shè)計(jì)規(guī)范文檔_第5頁(yè)
已閱讀5頁(yè)，還剩26頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

年4月19日前端開發(fā)設(shè)計(jì)規(guī)范文檔文檔僅供參考前端開發(fā)設(shè)計(jì)規(guī)范 目錄前端開發(fā)設(shè)計(jì)規(guī)范 1一、HTML使用規(guī)范 11.1、頁(yè)面文件命名規(guī)范 11.2、頁(yè)面head部分書寫規(guī)范 11.3、HTML元素開發(fā)規(guī)范 21.3.1、HTML元素書寫規(guī)范 21.3.2、HTML元素命名規(guī)范 3二、WEB頁(yè)面開發(fā)規(guī)范 42.1、錯(cuò)誤跳轉(zhuǎn)頁(yè)面的處理 42.2、提示信息的處理 42.3、頁(yè)面的返回 42.4、提交前數(shù)據(jù)的判斷驗(yàn)證 42.5、刪除操作 52.6、頁(yè)面中java代碼的使用 52.7、網(wǎng)站頁(yè)面布局規(guī)范 52.7.1、前臺(tái)頁(yè)面尺寸 52.7.2、標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告圖標(biāo)規(guī)格（參考） 62.7.3、頁(yè)面字體 62.7.4、字體顏色 7三、javaScript開發(fā)規(guī)范 73.1、javaScript文件命名規(guī)范： 73.2、javaScript開發(fā)規(guī)范 73.2.1、javaScript書寫規(guī)范 73.2.2、javaScript命名規(guī)范 8四、css樣式規(guī)范 94.1、css樣式文件命名規(guī)范 94.1.1、通用樣式文件命名規(guī)范： 94.1.2、業(yè)務(wù)類樣式文件命名規(guī)范 104.1.3、css樣式文件命名須知 104.2、css樣式文件存放目錄規(guī)范 104.3、css樣式定義規(guī)范 114.3.1、css樣式內(nèi)容頂部注釋規(guī)范 114.3.2、css樣式內(nèi)容注釋規(guī)范 114.3.3、css樣式定義規(guī)范 124.3.4、css樣式常用id的命名 134.3.5、css樣式常用class的命名 144.4、css樣式書寫規(guī)范 154.4.1、css樣式排版規(guī)范 154.4.2、css樣式書寫風(fēng)格規(guī)范 154.4.3、css樣式屬性定義順序規(guī)范 164.4.4、css樣式其他規(guī)范 164.4.5、css樣式Hack的使用 174.4.6、字體定義規(guī)范 184.4.7、css樣式檢測(cè) 184.4.8、注意事項(xiàng) 184.5、css樣式引用規(guī)范 194.6、媒體內(nèi)容命名規(guī)范 19五、項(xiàng)目文件存放規(guī)范 19六、前端開發(fā)規(guī)則 20一、HTML使用規(guī)范1.1、頁(yè)面文件命名規(guī)范命名格式為：項(xiàng)目名縮寫_所屬功能_所屬功能子項(xiàng)_....jsp/html…，文件命名下劃線不能超過三個(gè)，命名盡量使用簡(jiǎn)短的能明確表明文件用途的英文或者英文簡(jiǎn)寫。1.2、頁(yè)面head部分書寫規(guī)范、JSP頁(yè)面：需要在頁(yè)面的最開始部分增加以下語(yǔ)句：、HTML頁(yè)面：需要在頁(yè)面的最開始部分增加以下語(yǔ)句：、HTML5頁(yè)面：頁(yè)面添加編碼格式可簡(jiǎn)寫為：、響應(yīng)式的網(wǎng)頁(yè)添加如下語(yǔ)句：、title元素：一般網(wǎng)頁(yè)必須添加title元素，若為框架頁(yè)面，則能夠不寫。title統(tǒng)一使用中文，title內(nèi)容要簡(jiǎn)潔明了，不能超過20個(gè)字。、外部js的引用：頁(yè)面加載時(shí)需要用到的js文件寫在head中，引用時(shí)不用寫language屬性，HTML5能夠省略type屬性，如。、外部CSS文件的引用：必須使用link方式引入，HTML5能夠省略type屬性，CSS文件引入要放在js文件前。1.3、HTML元素開發(fā)規(guī)范1.3.1、HTML元素書寫規(guī)范、代碼的結(jié)構(gòu)要保持完整性，單個(gè)標(biāo)簽必須要關(guān)閉，如：<div></div>，<br/>等。、子元素要比父元素縮進(jìn)兩個(gè)字符。、body中的所有內(nèi)容不能直接書寫在<body></body>標(biāo)簽中，需要在body中嵌入一層div，所有的元素需要寫在改div中。、除非必要，所有標(biāo)簽元素的樣式都需要使用CSS文件來定義。、img元素：所有展示用圖片都要使用alt屬性添加能簡(jiǎn)要描述圖片的文字說明，如首頁(yè)的廣告圖片等，必須具有width和height屬性。、所有Form都要指定action屬性，但屬性值需要?jiǎng)t填寫，不需要?jiǎng)t留空，method屬性統(tǒng)一使用POST；所有form表單都要在提交前對(duì)輸入的數(shù)據(jù)前進(jìn)行驗(yàn)證，驗(yàn)證使用jQueryvalidate插件，書寫規(guī)范如下：、所有不可更改的input元素都要設(shè)置readonly屬性。、按功能模塊添加簡(jiǎn)單明了的注釋，在功能模塊的開始標(biāo)明模塊開始，結(jié)束時(shí)標(biāo)明模塊結(jié)束，注釋單獨(dú)占一行；模塊之間留行間隔便于查看代碼。、已過時(shí)的元素標(biāo)簽使用CSS樣式來代替，已過時(shí)的標(biāo)簽屬性禁止使用，使用CSS樣式定義來實(shí)現(xiàn)。1.3.2、HTML元素命名規(guī)范涉及到跟服務(wù)端交互的元素，元素命名應(yīng)當(dāng)與服務(wù)端程序中定義的對(duì)應(yīng)變量名相同，或使用對(duì)象名.變量名的形式。頁(yè)面上使用到的不涉及與服務(wù)端交互的HTML元素其id和name需統(tǒng)一，所有命名使用元素標(biāo)簽的縮寫_后綴方式,后綴命名使用小駝峰命名法即第一個(gè)單詞全部使用小寫，其它單詞首字母大寫，常見元素命名規(guī)則如下表所示：HTML元素縮寫示例text輸入框txttxt_userNamebutton按鈕btnbtn_checkselect下拉選擇selsel_beginTimecheckbox多選項(xiàng)chkchk_departmentNumberdiv標(biāo)記divdiv_resultsubmit提交按鈕subsub_registerhidden隱藏值hdnhdn_userId二、WEB頁(yè)面開發(fā)規(guī)范2.1、錯(cuò)誤跳轉(zhuǎn)頁(yè)面的處理400、401、403、404、405、406、407、410、412、414、500、501、502等錯(cuò)誤代碼使用其相應(yīng)的統(tǒng)一頁(yè)面，所有錯(cuò)誤信息全部使用中文錯(cuò)誤信息，標(biāo)點(diǎn)符號(hào)使用中文半角符號(hào)。頁(yè)面設(shè)計(jì)與項(xiàng)目功能相匹配，做到簡(jiǎn)潔友好。2.2、提示信息的處理成功提示信息能夠使用彈窗或跳轉(zhuǎn)統(tǒng)一成功頁(yè)面的方式，成功頁(yè)面的風(fēng)格與網(wǎng)站總體風(fēng)格相同，格式如下："成功："+提示信息+"！"。2.3、頁(yè)面的返回所有需要返回上一頁(yè)的時(shí)候使用history.back();不使用history.go(-1)。2.4、提交前數(shù)據(jù)的判斷驗(yàn)證、所有由用戶輸入的數(shù)據(jù)在提交前都要進(jìn)行驗(yàn)證。、驗(yàn)證方式使用jQueryvalidate插件，需要驗(yàn)證的項(xiàng)：長(zhǎng)度驗(yàn)證：默認(rèn)長(zhǎng)度為數(shù)據(jù)庫(kù)中數(shù)據(jù)的最大長(zhǎng)度，中文占兩個(gè)字符，英文占一個(gè)字符。為空驗(yàn)證：所有不允許為空的輸入內(nèi)容為空時(shí)不允許提交。其它驗(yàn)證：需要根據(jù)輸入內(nèi)容的不同設(shè)定合適的驗(yàn)證，如Email格式是否正確，身份證號(hào)格式是否正確等。、驗(yàn)證后發(fā)現(xiàn)錯(cuò)誤，需要提示明確的錯(cuò)誤信息。錯(cuò)誤提示信息樣式：字體顏色#ff3366，文字前面加紅色感嘆號(hào)小圖標(biāo)。、可輸入表單需要具有輸入內(nèi)容的提示信息，可使用placeholder屬性來定義或者自定義，顏色必須使用灰色，字體比網(wǎng)站使用字體小。2.5、刪除操作所有涉及刪除的操作，需要用戶進(jìn)行確認(rèn)之后才能進(jìn)行操作。2.6、頁(yè)面中java代碼的使用頁(yè)面中不允許使用<%%>的方式嵌入java代碼。2.7、網(wǎng)站頁(yè)面布局規(guī)范2.7.1、前臺(tái)頁(yè)面尺寸、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定，1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，不會(huì)出現(xiàn)水平滾動(dòng)條，高度同樣視版面內(nèi)容決定。、根據(jù)第一條原則，規(guī)定網(wǎng)頁(yè)的尺寸為width=960px,height=600px。、頁(yè)面長(zhǎng)度原則上不超過3屏（可根據(jù)實(shí)際情況設(shè)定），寬度不超過1屏。、全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px。、每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過60K，全尺寸banner不超過14K。2.7.2、標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告圖標(biāo)規(guī)格（參考）、120*120，適用于產(chǎn)品或新聞?wù)掌故??！?20*60，主要用于做LOGO使用。、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。、125*125，適于表現(xiàn)照片效果的圖像廣告。、234*60，適用于框架或左右形式主頁(yè)的廣告鏈接。、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。2.7.3、頁(yè)面字體正文內(nèi)容中文統(tǒng)一使用宋體（可根據(jù)需要設(shè)定），大小為12px，標(biāo)題使用14px加粗，不建議使用13px字，英文字體使用Arial和Helvetica/Univers。2.7.4、字體顏色、正文使用灰黑色#333333。、超鏈接能夠使用藍(lán)色#1f376d或#425c9e，也能夠根據(jù)整體頁(yè)面布局進(jìn)行調(diào)整，整個(gè)網(wǎng)站的文字超鏈接樣式要統(tǒng)一。三、javaScript開發(fā)規(guī)范3.1、javaScript文件命名規(guī)范：、可通用的javaScript文件：項(xiàng)目名稱縮寫-文件作用.js。、其它javaScript文件：所屬功能-文件作用.js。3.2、javaScript開發(fā)規(guī)范3.2.1、javaScript書寫規(guī)范、javaScript代碼都需要寫在javaScript文件中，在頁(yè)面中進(jìn)行調(diào)用，調(diào)用代碼除頁(yè)面加載時(shí)需要用到的外全都寫在頁(yè)面最低端。、如驗(yàn)證用javaScript代碼等，每個(gè)頁(yè)面不同且比較短的，能夠?qū)懺陧?yè)面的最底端，從最后一個(gè)外部javaScript引入命令后開始。、腳本變量開發(fā)規(guī)范：變量的使用盡量縮小到小的作用域。如循環(huán)使用。、盡量避免使用全局變量。、每一句語(yǔ)句都要以分號(hào)“；”結(jié)束。、函數(shù)程序體縮進(jìn)四個(gè)空格，Tab鍵為4個(gè)空格，以Tab鍵作為縮進(jìn)單位。、函數(shù)名與“（”之間不應(yīng)該有空格，“）”與“{”之間加空格。、函數(shù)體之間應(yīng)當(dāng)加空行。、如果代碼本身是清楚的，則只需要在函數(shù)定義前，添加簡(jiǎn)單注釋說明該函數(shù)的作用，若代碼本身比較復(fù)雜，可在個(gè)別語(yǔ)句后添加簡(jiǎn)潔明了的注釋。3.2.2、javaScript命名規(guī)范、常量以及全局變量名必須全部使用大寫字母。、不要再命名中使用“$”和“\”等特殊字符，不要把“_”作為變量名的第一個(gè)字符和最后一個(gè)字符。、變量名必須使用其類型的縮寫字符串開始。各種類型的縮寫字符串如下：變量類型縮寫變量類型縮寫整型變量int長(zhǎng)整型變量lng浮點(diǎn)型變量flt雙精度變量dbl對(duì)象變量obj字符串變量strDate類型變量dtm數(shù)組ary臨時(shí)變量tmp、變量名必須采用有意義的單詞命名，如：strUserName、lngArrayIndex，以及不要出現(xiàn)數(shù)字編號(hào)命名，如：value1，value2…、如果變量名過長(zhǎng)能夠使用單詞縮寫，除了被廣泛了解的單詞縮寫以外，所有使用單詞縮寫的變量名必須在定義時(shí)給出注釋，如：、參數(shù)變量命名必須加前綴：p_。、function命名規(guī)范：使用動(dòng)詞+名詞的方式，而且命名需要明確指出其作用，動(dòng)詞前綴必須是同函數(shù)功能相關(guān)的完整動(dòng)詞，如getUserId（），用來取用戶Id。、所有命名使用小駝峰命名法：第一個(gè)單詞全部使用小寫，其它單詞首字母大寫，如：myClassName。四、css樣式規(guī)范4.1、css樣式文件命名規(guī)范4.1.1、通用樣式文件命名規(guī)范：、整個(gè)項(xiàng)目通用的css布局樣式文件命名為：layout.css。如：經(jīng)過于整個(gè)網(wǎng)站中使用的div、h1、img等的定義文件。、對(duì)引用的開源css樣式重定義的文件命名為：開源的css樣式文件名-reset.css如：bootstrap.css為引用的css樣式文件，現(xiàn)在對(duì)它的.btn重新定義樣式內(nèi)容，這類樣式的文件名命名為：開源的css樣式文件名-reset.css。一個(gè)項(xiàng)目建議最多使用一個(gè)css框架。、外部引用的字體css樣式文件命名為：font-加引用的字體名字.css，若有多個(gè)字體引用則使用：font-style.css。、自定義的響應(yīng)式布局樣式命名為：項(xiàng)目名稱縮寫–responsive.css。、跨項(xiàng)目通用功能定義的css樣式文件命名為：實(shí)現(xiàn)的功能.css。、為IE瀏覽器做兼容處理的樣式命名為：ie-版本號(hào).css。4.1.2、業(yè)務(wù)類樣式文件命名規(guī)范自定義的樣式統(tǒng)一定義在一個(gè)文件內(nèi)，文件命名為：項(xiàng)目名稱-style.css。4.1.3、css樣式文件命名須知、以上所有的css樣式文件命名必須是小寫字母，不允許中文、大寫字母及其它特殊字符等。如果有樣式版本共存或更新需要保留老版本樣式，請(qǐng)?jiān)跇邮轿募竺婕由稀?版本號(hào)”，最新版本樣式文件除外，同樣版本號(hào)只允許是數(shù)字或小寫字母。、以上css文件命名制定的規(guī)范只適用普遍的情況，特殊情況下請(qǐng)開發(fā)人員根據(jù)實(shí)際情況自行命名，但必須遵行1)的規(guī)定。4.2、css樣式文件存放目錄規(guī)范項(xiàng)目文件存放目錄將在后面說明，此處只針對(duì)css樣式文件存放規(guī)定。、字體樣式文件存放文件夾：/font/，包括字體的源文件。、引用的樣式保持原來的目錄結(jié)構(gòu)，如果有多個(gè)引用的樣式則按功能新建文件夾來分別存放。、其它樣式文件不用單獨(dú)新建文件夾。4.3、css樣式定義規(guī)范4.3.1、css樣式內(nèi)容頂部注釋規(guī)范、請(qǐng)使用utf-8編碼。、申明css定義的內(nèi)容概述或目的，申明編寫的人員、更新日期。、請(qǐng)謹(jǐn)慎使用@importurl(……)引入其它c(diǎn)ss樣式文件。4.3.2、css樣式內(nèi)容注釋規(guī)范、模塊注釋必須單獨(dú)寫在一行，簡(jiǎn)要說明模塊的功能。、單行注釋能夠?qū)懺趩为?dú)一行，也能夠?qū)懺谛形?，注釋中的每一行長(zhǎng)度不超過30個(gè)漢字，或者60個(gè)英文字符。、多行注釋必須寫在單獨(dú)行內(nèi)，即/*后換行寫注釋，*/單獨(dú)寫一行。、用于標(biāo)注修改、待辦等信息的注釋以單行注釋為基準(zhǔn)。、對(duì)一個(gè)代碼區(qū)塊注釋（可選），將樣式語(yǔ)句分區(qū)塊并在新行中對(duì)其注釋。4.3.3、css樣式定義規(guī)范、使用有意義的或通用的id和class命名：id和class的命名應(yīng)反映該元素的功能或使用通用名稱，而不要用抽象的晦澀的命名。反映元素的使用目的是首選；使用通用名稱代表該元素不表特定意義，與其同級(jí)元素?zé)o異，一般是用于輔助命名；使用功能性或通用的名稱能夠更適用于文檔或模版變化的情況。、id和class命名越簡(jiǎn)短越好，只要足夠表示涵義。這樣既有助于理解，也能提高代碼效率。、常見命名（多記多查英文單詞）：page、wrap、layout、header(head)、footer(foot、ft)、content(cont)、menu、nav、main、submain、sidebar(side)、logo、banner、title(tit)、popo(pop)、icon、note、btn、txt、iblock、window(win)、tips等。、類型選擇器避免同時(shí)使用標(biāo)簽、id和class作為定位一個(gè)元素選擇器，能夠使用class層級(jí)來代替。、規(guī)則命名中，一律采用小寫加中劃線的方式，不允許使用大寫字母或下劃線。、命名避免使用中文拼音，應(yīng)該采用更簡(jiǎn)明有語(yǔ)義的英文單詞進(jìn)行組合。、命名注意縮寫，可是不能盲目縮寫，具體請(qǐng)參見常見的CSS命名規(guī)則。、不允許經(jīng)過1、2、3等序號(hào)進(jìn)行命名，避免class與id重名。、id用于標(biāo)識(shí)模塊或頁(yè)面的某一個(gè)父容器區(qū)域，名稱必須唯一，不要隨意新建id。、class用于標(biāo)識(shí)某一個(gè)類型的對(duì)象，命名必須言簡(jiǎn)意賅，盡可能提高代碼模塊的復(fù)用，樣式盡量用組合的方式。4.3.4、css樣式常見id的命名、頁(yè)面結(jié)構(gòu)命名結(jié)構(gòu)命名結(jié)構(gòu)命名容器container頁(yè)頭header頁(yè)面主體main頁(yè)尾footer側(cè)欄sidebar欄目column內(nèi)容content/container內(nèi)容content/container外圍布局wrapper左右中l(wèi)eftrightcenter、導(dǎo)航命名結(jié)構(gòu)命名結(jié)構(gòu)命名導(dǎo)航nav主導(dǎo)航mainbav子導(dǎo)航subnav頂導(dǎo)航topnav邊導(dǎo)航sidebar左導(dǎo)航leftsidebar右導(dǎo)航rightsidebar菜單menu子菜單submenu標(biāo)題/摘要title/summary、功能命名結(jié)構(gòu)命名結(jié)構(gòu)命名標(biāo)志logo廣告banner登陸login登錄條loginbar注冊(cè)regsiter搜索search功能區(qū)shop標(biāo)題title加入joinus狀態(tài)status按鈕btn滾動(dòng)scroll標(biāo)簽頁(yè)tab文章列表list提示信息msg當(dāng)前的current小技巧tips圖標(biāo)icon注釋note指南guild服務(wù)service熱點(diǎn)hot新聞news下載download投票vote合作伙伴partner友情鏈接link版權(quán)copyright以上樣式定義須符合css樣式定義規(guī)范。4.3.5、css樣式常見class的命名、顏色：?jiǎn)为?dú)定義顏色時(shí)使用顏色的名稱，復(fù)合顏色用中劃線連接。如：.blue或.blue-green。、字體大?。?jiǎn)为?dú)定義時(shí)使用font-字號(hào)；如：.font-12。、對(duì)齊樣式：使用對(duì)齊目標(biāo)的英文名稱。如：.left。、其它樣式：功能縮寫-當(dāng)前的作用區(qū)域；如果有多層級(jí)，則下一層級(jí)定義為：上一級(jí)的樣式名-目標(biāo)區(qū)塊命名；在嵌入其它門戶網(wǎng)站中的應(yīng)用，如果門戶網(wǎng)站沒有特別規(guī)定，為了避免樣式?jīng)_突必須為每一個(gè)樣式加上前綴，前綴能夠按實(shí)際情況來設(shè)置。4.4、css樣式書寫規(guī)范4.4.1、css樣式排版規(guī)范、使用一次tab鍵或者4個(gè)空格作為縮進(jìn)。、規(guī)則能夠?qū)懗蓡涡?，或者多行，可是整個(gè)文件內(nèi)的規(guī)則排版必須統(tǒng)一。、對(duì)于能夠發(fā)布的網(wǎng)站樣式建議進(jìn)行壓縮，直接使用網(wǎng)上的css格式化工具進(jìn)行壓縮。4.4.2、css樣式書寫風(fēng)格規(guī)范、如果是在html頁(yè)面中定義的css樣式，則必須寫成單行，不建議在html頁(yè)面中定義css樣式。、每一條規(guī)則的大括號(hào){前后加空格，每一條規(guī)則結(jié)束的大括號(hào)}前加空格。、屬性名冒號(hào)之前不加空格，冒號(hào)之后加空格。、每一個(gè)屬性值后必須添加分號(hào);而且分號(hào)后空格。、多個(gè)selector共用一個(gè)樣式集，10個(gè)以內(nèi)的selector必須寫成多行形式，10個(gè)以上的selector寫成一行。、多行書寫時(shí)每一條規(guī)則結(jié)束的大括號(hào)}必須與規(guī)則選擇器的第一個(gè)字符對(duì)齊。4.4.3、css樣式屬性定義順序規(guī)范、顯示屬性：display/list-style/position/float/clear…。、自身屬性（盒模型）：width/height/margin/padding/border。、背景：background；行高：line-height。文本屬性：color/font/text-decoration/text-align/text-indent/white-space。、其它：cursor/z-index/zoom/overflow。、CSS3屬性：transform/transition/animation/box-shadow/border-radius。、使用CSS3的屬性，如果有必要加入瀏覽器前綴，則按照-webkit-/-moz-/-ms-/-o-的順序進(jìn)行添加，標(biāo)準(zhǔn)屬性寫在最后。、屬性定義順序規(guī)范不作嚴(yán)格要求，但在使用css3時(shí)最好加上前綴。4.4.4、css樣式其它規(guī)范、使用單引號(hào)，不允許使用雙引號(hào)。、每個(gè)聲明結(jié)束都應(yīng)該帶一個(gè)分號(hào)，不論是不是最后一個(gè)聲明。、除16進(jìn)制顏色和字體設(shè)置外，CSS文件中的所有的代碼都應(yīng)該小寫。、選擇器應(yīng)該在滿足功能的基礎(chǔ)上盡量簡(jiǎn)短，減少選擇器嵌套，查詢消耗?？墒且欢ㄒ苊飧采w全局樣式設(shè)置。、background、font、margin、padding、border等能夠縮寫的屬性，盡量使用縮寫形式。、在css中謹(jǐn)慎使用*選擇符。、除非必須，否則，一般有class或id的，不需要再寫上元素對(duì)應(yīng)的tag。、0后面不需要單位，比如0px能夠省略成0，0.8px能夠省略成.8px。、如果是16進(jìn)制表示顏色，則顏色取值字母應(yīng)該大寫；如果能夠，顏色盡量用三位字符表示，例如#AABBCC寫成#ABC。、如果沒有邊框時(shí)，不要寫成border:0，應(yīng)該寫成border:none。、在保持代碼解耦的前提下，盡量合并重復(fù)的樣式。、除了重置瀏覽器默認(rèn)樣式外，禁止直接為htmltag添加css樣式設(shè)置。4.4.5、css樣式Hack的使用Csshack僅僅是為了兼容瀏覽器對(duì)css的解析而設(shè)置，請(qǐng)不要使用瀏覽器檢測(cè)和CSSHacks作為解決瀏覽器解析差異的首選方式，但應(yīng)被視為最后的手段。允許使用hack只會(huì)帶來更多的hack，你越是使用它，你越是會(huì)依賴它。4.4.6、字體定義規(guī)范、為了防止文件合并及編碼轉(zhuǎn)換時(shí)造成問題，建議將樣式中文字體名字改成對(duì)應(yīng)的英文名字，如：黑體(SimHei)、宋體(SimSun)、微軟雅黑(MicrosoftYahei，幾個(gè)單詞中間有空格組成的必須加引號(hào))，詳細(xì)介紹參詳附件。、字體粗細(xì)采用具體數(shù)值，粗體bold寫為700，正常normal寫為400。、font-size必須以px或pt為單位，推薦用px（注：pt為打印版字體大小設(shè)置），不允許使用small/medium/large/x-large/x

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(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)論