前端css樣式規劃

2022-09-07 07:30:13 字數 1871 閱讀 1154

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 預設,不保證保持原有的比例,內容拉伸填充整個內容容器...