html css書寫注意事項

2021-07-06 06:26:06 字數 3029 閱讀 9915

css寫作注意事項:

1.屬性寫在一行內,屬性之間,屬性名和值之間,以及屬性和「{}」之間要儘量減少空格,去掉最後乙個「;」,例如:p

2.書寫順序按照由外到內,由整體到細節書寫,大致分為5組:

位置:position,left,right,float

盒模型屬性:display,margin,padding,width,height,

邊框與背景:border,background

段落與文字:font,color,line-height,text...

其他屬性:overflow,,,,,

3.帶有字首的屬性,單獨一行進行縮排,是屬性值垂直對齊,便於維護編輯

4.謹慎新增新的選擇器的規則,尤其不可濫用id,盡量繼承和復用已有的樣式

5.最好使用具有語義化的classname和id

6。上下模組之間的間距統一使用下乙個模組的margin-top

css命名中英文對照:

content 內容    title 標題    summary 摘要    time 時間

share 分享    digg 頂    like 喜歡

list 列表   plist 列表    tlist 文字列表    tplist **列表

table **    row 行   column 列    gutter 間隔   viewport 視口

tab 標籤    tags 標籤   scroll 滾動 

sidebar 側邊欄   column 欄目   section 區塊    msg 提示資訊    status 狀態   vote 投票   tips 小技巧    guild 指南    note 注釋

icon- 圖示    btn- 按鈕

goods 商品    goodslist 商品列表    goodsdetail 商品詳情    goodsinfo 商品資訊

tuan **   tuanlist **列表   tuandetail  **詳情    tuaninfo **資訊

transition 動畫   shadow 陰影   fade 淡入淡出   flip 翻頁效    slide 滑動    slideup 上滑動   slidedown 下滑動   turn 翻頁   horizontal 水平   vertical 垂直   collapsible 摺疊    corners 拐角    flow 流    reverse 反向    pop 彈窗

count 總數/計數   plus 加號/正   minus 減號/負    controlgroup 控制組

html命名規範:

default/index.html    首頁

404.html 404錯誤頁

print.html 列印頁

header.html 頁頭

footer.html 頁尾

passport.html 通行證

rank.html 排行榜

roll.html 滾動新聞

solution.html 解決方案

joinus.html 加入我們

partner.html 合作夥伴

service.html 服務

company.html 公司介紹

organization.html 組織結構

culture.html 企業文化

strategy.html 發展策略

honor.html 公司榮譽

aptitudes.html 企業資質

events.html 大事記

business.html 商務合作

contract.html 服務條款

privacy.html 隱私宣告

csr.html 企業社會責任

news-開頭.html 新聞相關

article-開頭.html 資訊相關

picture-開頭.html 相關

photo-開頭.html 相簿相關

product-開頭.html 產品相關

goods-開頭.html 商品相關

system-開頭.html 系統相關

tag-開頭.html tag相關

brand-開頭.html 品牌相關

help-開頭.html 幫助相關

member-開頭.html 會員相關

search-開頭.html 搜尋相關

資料夾命名規範:

admin     後台管理

article 資訊

common 公共

config 配置

data 資料

digg 頂

en-us 英文

extend 延伸

install 安裝

lang 語言包

lib 庫

mall **

picture **

product 商品

search 搜尋

section 區塊

shop 商店

static 靜態

system 系統

templates 模版

tuan **

ucenter 使用者中心

upload 上傳

vote 投票

zh_tw 正體中文

zh-cn 簡體中文

HTML CSS書寫注意事項

html css書寫注意 1,指定標題,搜尋引擎對標題中的內容有偏愛 2,標籤語義化 3,減少div和span標籤的使用次數 4,排版布局要從上到下從左到右 5,靜態 製作一般分為 index.html 首頁 index.css 首頁樣式 public.css 公共樣式 reset.css 重置樣式...

介面書寫注意事項

1.文件要寫周全,需要的每個字段,規定是什麼型別,什麼含義要標柱清楚,寫完介面後自己先測試一下是否通過,不要直接扔給測試或者開發,然後反應錯誤了在進行修改 2.介面要做到小,同時比較多,切記乙個介面的 量很多。做到介面要小而多,不要做大而全,以方便減少伺服器的壓力 4.當資料庫裡的字段發生變更時,要...

SQL書寫注意事項

為避免慢sql,寫sql時多注意以下幾項 1.like 條件不以 開頭 2.where 條件中 等式左側不要出現函式 3.where條件盡量使用索引列 4.用具體的字段代替 select 5.盡可能使用join來代替子查詢 6.優化 limit 分頁 例如 limit 1000,20 這時mysql...