摘要:樣式表文件命名主要的模塊基本共用布局版面主題專欄文字表單補(bǔ)丁打印
CSS命名規(guī)范(規(guī)則)常用的CSS命名規(guī)則
??頭: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
??注釋的寫法:
??/* ?Header ?*/
??內(nèi)容區(qū)
??/* ?End ?Header ?*/
??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):copyright
??注意事項(xiàng)::
??1.一律小寫;
??2.盡量用英文;
??3.不加中橫和下劃線;
??4.盡量不縮寫,除非一看就明白的單詞。
??CSS樣式表文件命名
??主要的 ?master.css
??模塊 ?module.css
??基本共用 ?base.css
??布局、版面 ?layout.css
??主題 ?themes.css
??專欄 ?columns.css
??文字 ?font.css
??表單 ?forms.css
??補(bǔ)丁 ?mend.css
??打印 ?print.css
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1680.html
摘要:網(wǎng)頁制作中規(guī)范使用命名規(guī)則,可以改善優(yōu)化功效特別是團(tuán)隊(duì)合作時(shí)候可以提供合作制作效率,具體命名規(guī)則命名大全內(nèi)容篇。 網(wǎng)頁制作中規(guī)范使用DIV+CSS命名規(guī)則,可以改善優(yōu)化功效特別是團(tuán)隊(duì)合作時(shí)候可以提供合作制作效率,具體DIV CSS命名規(guī)則CSS命名大全內(nèi)容篇。 常用DIV+CSS命名大全集合,即CSS命名規(guī)則 DIV CSS命名目錄我們開發(fā)CSS+DIV網(wǎng)頁(Xhtml)時(shí)候,比較困惑...
摘要:文件夾主要建立以下文件夾存放一些網(wǎng)站常用的圖片存放一些文件存放一些文件存放一些源文件存放所有臨時(shí)圖片和其它文件版權(quán)信息可選說明文件統(tǒng)一命名注本命名規(guī)則只適合物制作模式下文件統(tǒng)一放在文件夾下命名主樣式定義鏈接樣式定義白色黑色藍(lán)色等等說明如有重文件夾主要建立以下文件夾: 1、Images 存放一些網(wǎng)站常用的圖片; 2、Css 存放一些CSS文件; 3、Flash 存放一些Flash文件; ...
摘要:思考一個(gè)好的架構(gòu)一個(gè)好的架構(gòu)是具有良好的可擴(kuò)展性。定義手風(fēng)琴的展開或收起,鏈接的有效或無效,元素的隱藏或顯示。的命名規(guī)范命名組件的方式是非常流行特別有幫助的規(guī)范。目前該領(lǐng)域最豐富的思想領(lǐng)袖之一。 你有沒有在一個(gè)逐漸膨脹的 CSS 項(xiàng)目中感到混亂呢?保持樣式風(fēng)格統(tǒng)一和 HTML 的影響是比較困難的:盡管修改一個(gè)較小的問題,都可能創(chuàng)建更多丑陋的 hack,也可能 CSS 的小改變會影響 J...
摘要:在規(guī)則聲明的左大括號前加上一個(gè)空格。規(guī)則聲明之間用空行分隔開。根據(jù)屬性的重要性順序書寫。因此私有在前,標(biāo)準(zhǔn)在后的寫法是考慮到了以后可能會出現(xiàn)的問題。且最好盡量減少沒有實(shí)際作用的冗余的屬性。 https://csswizardry.com/2013/...https://css-tricks.com/bem-101/https://www.smashingmagazine....htt...
摘要:這個(gè)方法論在內(nèi)容和容器之間有著明顯的區(qū)分。這是通過把命名為表示其角色的類名。通過使用這種扁平的命名方式避免了多后代的選擇器。 原文鏈接:A Look at Some CSS methodologies CSS在大型,復(fù)雜,快速迭代的系統(tǒng)中難以管理的程度是出了名的。 其中一個(gè)原因是CSS缺少內(nèi)置的作用域管理機(jī)制。在CSS中,所有的一切都是全局的,這意味著任何你所做的改變都有可能層疊或者改...
閱讀 1496·2019-08-30 15:44
閱讀 1956·2019-08-30 14:07
閱讀 2883·2019-08-30 13:56
閱讀 2356·2019-08-29 17:06
閱讀 1336·2019-08-29 14:13
閱讀 2093·2019-08-29 11:28
閱讀 3241·2019-08-26 13:56
閱讀 1960·2019-08-26 12:11