- 前端涉及檔案夾
images----背景圖片
css----------樣式檔案
js------------腳本檔案
temp------臨時圖片檔案
- 前端主要樣式表
global.css-------------全域樣式
headFoot.css--------頭部與底部樣式
index.css--------------首頁樣式
xx_channel.css------頻道首頁頁面樣式 (eg : book_channel.css,video_channel.css)
xx_list.css------------串列頁面樣式
xx_detail.css--------詳細頁面樣式
forms.css ------------表單樣式 (除去頭部的所有form)
注：
- 樣式名稱使用駝峰命名法如 boxLeft
- xx代表的是頻道名稱，比如
視頻頻道：video；圖書頻道為：book；共享資料：share；檔案：document；期刊：item；課程：curse；學分商城：score；考試：test；
- 前端主要標簽
- 全域
header-----頁頭
main--------主題
box----------容器
footer------頁尾
- 導航
nav-------------導航
mainnav-----主導航
subnav-------子導航
menu---------選單
submenu----子選單
sidebar-------內頁左側分類
- 功能
logo-----------標志
login----------登錄
search-------搜索
banner------廣告
focus--------焦點圖
scroll、bannerScroll--------滾動
crumbs-----面包屑
tab----------標簽切換
pop-------------彈出視窗
icons-------------圖示
partner--------合作伙伴
link--------------友聯
- 關于注釋
在頁面和樣式表里面，對容易混淆或比較重要的框架、樣式都應寫注釋
頁面內注釋格式為
<!--header--> --------------------------為開始
<!--//header--> --------------------------為結束
樣式表內注釋格式為：
/* --header-- */
/* --//header--*/
- 關于樣式排序
所有樣式寫到一行
- global.css
body,form,textarea,select,option,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dt,dd,menu,blockquote,fieldset,legend,button,input,hr,pre{margin: 0;padding: 0;}
body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#??????;background:???;background-color:#??????;}
ul,ol,img{border:0px;}
li{list-style-type:none;}
input,select,textarea{vertical-align:middle;outline:none;}
a{color:#??????;text-decoration:none;}
a:hover{color:#??????;}
.clear{clear:both;font-size:0;height:0;line-height:0;}
.clearfix{overflow:hidden;zoom:1;}
.leftF{float:left;}
.rightF{float:right;}
-
代碼規范
第一：避免空的src和href；
第二：把CSS放到頂部；
第三：盡量把能放在底部的JS放到底部；
第四：網頁中的css和JS代碼如果是公共部分的都外調，(網頁盡量少出現css跟js代碼)；
第五：精簡css跟js代碼；
第六：主要的內容放在一個DIV里面；
第七：一個頁面只有一個H1標簽，如果要用H2標簽那也必須是對H1的說明；H4-H6可以舍棄這些標簽；
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/285912.html
標籤：Html/Css