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代表的是頻道名稱,比如
全域性header-----頁頭
main--------主題
box----------容器
footer------頁尾
導航n**-------------導航
mainn**-----主導航
subn**-------子導航
menu---------選單
submenu----子選單
sidebar-------內頁左側分類
功能logo-----------標誌
login----------登入
search-------搜尋
banner------廣告
focus--------焦點圖
scroll、bannerscroll--------滾動
crumbs-----麵包屑
tab----------標籤切換
pop-------------彈出視窗
icons-------------圖示
partner--------合作夥伴
link--------------友聯
在頁面和樣式表裡面,對容易混淆或比較重要的框架、樣式都應寫注釋
頁面內注釋格式為
--------------------------為開始
--------------------------為結束
樣式表內注釋格式為:
/* --header-- */
/* --//header--*/
所有樣式寫到一行
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
body
ul,ol,img
liinput,select,textarea
aa:hover
.clear
.clearfix
.leftf
.rightf
**規範
第一:避免空的src和href;
第二:把css放到頂部;
第三:盡量把能放在底部的js放到底部;
第四:網頁中的css和js**如果是公共部分的都外調。(網頁盡量少出現css跟js**);
第五:精簡css跟js**;
第六:主要的內容放在乙個div裡面;
第七:乙個頁面只有乙個h1標籤,如果要用h2標籤那也必須是對h1的說明;h4-h6可以捨棄這些標籤;
前端基礎 CSS樣式
css樣式分為3種 優先順序 行內樣式 內嵌樣式 外部樣式 1.行內樣式 width 300px height 300px background green 2.內嵌樣式 head中間新增樣式 3.外部樣式 lesson.css樣式檔案 div 引用方式 stylesheet href lesson...
web前端 CSS樣式
一 樣式 a css cascading style sheet 層疊樣式表 b 樣式的引入方式 行內樣式 內容 內部樣式 在頁面頭部 外部樣式 在頁面頭部以link標籤鏈入 c 樣式的基本語法 1.選擇器 2.基本選擇器的種類 1.標籤選擇器 標籤名稱 同名標籤自動響應 2.類選擇器 類選擇器名稱...
前端css樣式問題整理
object fit object fit屬性指定元素的內容應該如何去適應指定容器的高度與寬度。object fit一般用於img和video標籤,一般可以對這些元素進行保留原始比例的剪下 縮放或者直接進行拉伸等。菜鳥教程位址 屬性描述 fill 預設,不保證保持原有的比例,內容拉伸填充整個內容容器...