|
導(dǎo)讀網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而，超級文本標(biāo)記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立... 網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而，超級文本標(biāo)記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標(biāo)記語言之所以稱為超文本標(biāo)記語言，是因?yàn)槲谋局邪怂^“超級鏈接”點(diǎn)。 本篇文章給大家?guī)淼膬?nèi)容是關(guān)于css書寫規(guī)范的詳細(xì)講解，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對你有所幫助。1、書寫順序根據(jù)屬性的重要性按順序書寫 只遵循橫向順序即可，先顯示定位布局類屬性，后盒模型等自身屬性，最后是文本類及修飾類屬性。
1.位置屬性 (position, top, right, z-index, display, float等) 2.大小 (width, height, padding, margin) 3.文字系列 (font, line-height, letter-spacing, color- text-align等) 4.背景 (background, border等) 5.其他 (animation, transition等)
2、選擇器等級a = 行內(nèi)樣式style。 b = ID選擇器的數(shù)量。 c = 類、偽類和屬性選擇器的數(shù)量。 d = 類型選擇器和偽元素選擇器的數(shù)量。
3、書寫規(guī)范、縮寫屬性屬性縮寫
去掉小數(shù)點(diǎn)前的0
簡寫命名，但前提是要讓人看懂你的簡寫
16進(jìn)制顏色代碼縮寫
連字符CSS選擇器命名規(guī)范 1.長名稱或詞組可以使用中橫線來為選擇器命名。 2.不建議使用“_”下劃線來命名CSS選擇器，為什么呢? 輸入的時(shí)候少按一個(gè)shift鍵; 瀏覽器兼容問題 (比如使用*tips的選擇器命名，在IE6是無效的) 能良好區(qū)分JavaScript變量命名(JS變量命名是用“*”)
不要輕易使用id id在JS是唯一的，不能多次使用，而使用class類選擇器卻可以重復(fù)使用，另外id的優(yōu)先級優(yōu)先與class，所以id應(yīng)該按需使用，而不能濫用。
為選擇器添加狀態(tài)前綴 有時(shí)候可以給選擇器添加一個(gè)表示狀態(tài)的前綴，讓語義更明了，比如下圖是添加了“.is-”前綴。
image 4、 命名規(guī)范1 布局 文檔 doc doc 頭部 head hd 主體 body bd 尾部 foot ft 主欄 main mn 主欄子容器 mainc mnc 側(cè)欄 side sd 側(cè)欄子容器 sidec sdc 盒容器 wrap/box wrap/box 導(dǎo)航 nav nav 2 模塊 子導(dǎo)航 subnav snav 面包屑 crumb crm 菜單 menu menu 選項(xiàng)卡 tab tab 標(biāo)題區(qū) head/title hd/tt 內(nèi)容區(qū) body/content bd/ct 列表 list lst 表格 table tb 表單 form fm 熱點(diǎn) hot hot 排行 top top 登錄 login log 標(biāo)志 logo logo 廣告 advertise ad 搜索 search sch 幻燈 slide sld 提示 tips tips 幫助 help help 新聞 news news 下載 download dld 注冊 regist reg 投票 vote vote 版權(quán) copyright cprt 結(jié)果 result rst 標(biāo)題 title tt 按鈕 button btn 輸入 input ipt 3 功能 浮動清除 clearboth cb 向左浮動 floatleft fl 向右浮動 floatright fr 內(nèi)聯(lián)塊級 inlineblock ib 文本居中 textaligncenter tac 文本居右 textalignright tar 文本居左 textalignleft tal 垂直居中 verticalalignmiddle vam 溢出隱藏 overflowhidden oh 完全消失 displaynone dn 字體大小 fontsize fs 字體粗細(xì) fontweight fw 4 皮膚 字體顏色 fontcolor fc 背景 background bg 背景顏色 backgroundcolor bgc 背景圖片 backgroundimage bgi 背景定位 backgroundposition bgp 邊框顏色 bordercolor bdc 5 狀態(tài) 選中 selected sel 當(dāng)前 current crt 顯示 show show 隱藏 hide hide 打開 open open 關(guān)閉 close close 出錯(cuò) error err 不可用 disabled dis 1、class 頭：header 內(nèi)容：content/container 尾：footer 導(dǎo)航：nav 側(cè)欄：sidebar 欄目：column 頁面外圍控制整體佈局寬度：wrapper 左右中：left right center 登錄條：loginbar 標(biāo)志：logo 廣告：banner 頁面主體：main 熱點(diǎn)：hot 新聞：news 下載：download 子導(dǎo)航：subnav 菜單：menu 子菜單：submenu 搜索：search 友情鏈接：friendlink 頁腳：footer 版權(quán)：copyright 滾動：scroll 內(nèi)容：content 標(biāo)簽：tags 文章列表：list 提示信息：msg 小技巧：tips 欄目標(biāo)題：title 加入：joinus 指南：guide 服務(wù)：service 注冊：regsiter 狀態(tài)：status 投票：vote 合作伙伴：partner 2、id (1)頁面結(jié)構(gòu)
容器: container
頁頭：header
內(nèi)容：content/container
頁面主體：main
頁尾：footer
導(dǎo)航：nav
側(cè)欄：sidebar
欄目：column
頁面外圍控制整體佈局寬度：wrapper
左右中：left right center
(2)導(dǎo)航
導(dǎo)航：nav
主導(dǎo)航：mainnav
子導(dǎo)航：subnav
頂導(dǎo)航：topnav
邊導(dǎo)航：sidebar
左導(dǎo)航：leftsidebar
右導(dǎo)航：rightsidebar
菜單：menu
子菜單：submenu
標(biāo)題: title
摘要: summary
(3)功能
標(biāo)志：logo
廣告：banner
登陸：login
登錄條：loginbar
注冊：register
搜索：search
功能區(qū)：shop
標(biāo)題：title
加入：joinus
狀態(tài)：status
按鈕：btn
滾動：scroll
標(biāo)籤頁：tab
文章列表：list
提示信息：msg
當(dāng)前的: current
小技巧：tips
圖標(biāo): icon
注釋：note
指南：guild
服務(wù)：service
熱點(diǎn)：hot
新聞：news
下載：download
投票：vote
合作伙伴：partner
友情鏈接：link
版權(quán)：copyright3、文件 主要的 master.css
模塊 module.css
基本共用 base.css
布局、版面 layout.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補(bǔ)丁 mend.css
打印 print.css5、注意事項(xiàng)/* Header */ 內(nèi)容區(qū) /* End Header */ 1.一律小寫;
2.盡量用英文;
3.不加中槓和下劃線;
4.盡量不縮寫，除非一看就明白的單詞。相關(guān)推薦： 13條Css 書寫規(guī)范_html/css_WEB-ITnose 以上就是css書寫規(guī)范的詳細(xì)講解的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！ 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發(fā)布的Win7純凈版系統(tǒng)、Win10純凈版和XP純凈版系統(tǒng)僅為個(gè)人學(xué)習(xí)測試使用，請?jiān)谙螺d后24小時(shí)內(nèi)刪除，不得用于任何商業(yè)用途，否則后果自負(fù)，請支持購買微軟正版軟件！
本站所有資源全部來自于網(wǎng)絡(luò)資源,如侵犯到您的權(quán)益,請及時(shí)通知我們(peng896066052@126.com),我們會及時(shí)處理.
Copyright © 2018-2020 雨林木風(fēng)下載站
