求css樣式里 “規(guī)則定義”的 英語(yǔ)翻譯

一．文件命名規(guī)范

[b]樣式文件命名[/b]

[quote]主要的 master.css

布局，版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css [/quote]

[b]CSS ID 的命名[/b]

登錄條：loginbar

標(biāo)志：logo

側(cè)欄：sidebar

廣告：banner

導(dǎo)航：nav

子導(dǎo)航：subnav

菜單：menu

子菜單：submenu

搜索：search

滾動(dòng)：scroll

頁(yè)面主體：main

內(nèi)容：content

標(biāo)簽頁(yè)：tab

文章列表：list

提示信息：msg

小技巧：tips

加入：joinus

指南：guild

服務(wù)：service

熱點(diǎn)：hot

新聞：news

下載：download

注冊(cè)：regsiter

狀態(tài)：status

按鈕：btn

投票：vote

合作伙伴：partner

頁(yè)腳：footer

版權(quán)：copyright

外　套：　　wrap

主導(dǎo)航：　　mainnav

子導(dǎo)航：　　subnav

頁(yè)　腳：　　footer

整個(gè)頁(yè)面：　content

頁(yè)　腳：　　footer

商　標(biāo)：　　label

主導(dǎo)航：　　mainbav（globalnav）

頂導(dǎo)航：　　topnav

邊導(dǎo)航：　　sidebar

左導(dǎo)航：　　leftsidebar

右導(dǎo)航：　　rightsidebar

旗　志：　　logo

標(biāo)　語(yǔ)：　　banner

菜單內(nèi)容1： menu1content

菜單容量：　menucontainer

子菜單：　　submenu

邊導(dǎo)航圖標(biāo)：sidebarIcon

注釋：　　　note

面包屑：　　breadcrumb(即頁(yè)面所處位置導(dǎo)航提示）

容器：　　　container

內(nèi)容：　　　content

搜索：　　　search

登陸：　　　Login

功能區(qū)：　　shop(如購(gòu)物車，收銀臺(tái))

當(dāng)前的　　　current[/quote]

[b]網(wǎng)站常用中英文對(duì)照表[/b]

[quote]網(wǎng)站導(dǎo)航 Site Map

公司簡(jiǎn)介 Profile or Company Profile or Company

公司設(shè)備 Equipment Equipment

公司榮譽(yù) Glories Glories

企業(yè)文化 Culture Culture

產(chǎn)品展示 Product Product

資質(zhì)認(rèn)證 Quality Certification

企業(yè)規(guī)模 Scale Scale

營(yíng)銷網(wǎng)絡(luò) Sales Network

組織機(jī)構(gòu) organization organization

合作加盟 Join In Cooperation

技術(shù)力量 Technology Technology

經(jīng)理致辭 Manager`s oration

發(fā)展歷程 Development History

工程案例 Engineering Projects

業(yè)務(wù)范圍 Business Scope

分支機(jī)構(gòu) Branches

供求信息 Supply & Demand

經(jīng)營(yíng)理念 Operation Principle

產(chǎn)品銷售 Sales Sales

聯(lián)系我們 Contact Us Contact Us

信息發(fā)布 Information Information

返回首頁(yè) Homepage Homepage

產(chǎn)品定購(gòu) order order

分類瀏覽 Browse By Category

電子商務(wù) E-business

公司實(shí)力 Strength Strength

版權(quán)所有 Copy Right

友情連結(jié) Hot Link

應(yīng)用領(lǐng)域 Application Fields

人力資源 Human Resource Hr

領(lǐng)導(dǎo)致辭 Leader`s oration

企業(yè)資質(zhì) Enterprise Qualification

行業(yè)新聞 Trade News

行業(yè)動(dòng)態(tài) Trends

客戶留言 Customer Message

客戶服務(wù) Customer Service

新聞動(dòng)態(tài) News & Trends

公司名稱 Company Name

銷售熱線 Sales Hot-Line

聯(lián)系人 Contact Person

您的要求 Your Requirements

建設(shè)中 In Construction

證書(shū) Certificate Certificate

地址 ADD Add

郵編 Postal Code Zipcode

電話 TEL Tel

傳真 FAX Fax

產(chǎn)品名稱 Product Name

產(chǎn)品說(shuō)明 Description Description

價(jià)格 Price

品牌 Brand

規(guī)格 Specification

尺寸 Size

生產(chǎn)廠家 Manufacuturer Manufacturer

型號(hào) Model

產(chǎn)品標(biāo)號(hào) Item No.

技術(shù)指標(biāo) Technique Data

產(chǎn)品描述 Description

產(chǎn)地 Production Place

銷售信息 Sales Information

用途 Application

論壇 Forum

在線訂購(gòu) On-line order

招商 Enterprise-establishing

招標(biāo) Bid Inviting

綜述 General

業(yè)績(jī) Achievements

招聘 Join Us

求賢納士 Join Us

大事 Great Event

動(dòng)態(tài) Trends

服務(wù) Service

投資 Investment

行業(yè) Industry

規(guī)劃 Programming

環(huán)境 Environment

發(fā)送 Delivery

提交 Submit

重寫(xiě) Reset

登錄 Enter

注冊(cè) Login

中國(guó)企業(yè)網(wǎng)技術(shù)支持 Powered By Ce.Net.Cn

社區(qū) Community

業(yè)務(wù)介紹 Business Introduction

在線調(diào)查 Online Inquiry Inquiry

下載中心 Download

會(huì)員登陸 Member Entrance

意見(jiàn)反饋 Feedback

常見(jiàn)問(wèn)題 FAQ

中心概況 General Profile

教育培訓(xùn) Education & Training

游樂(lè)園 Amusement Park

在線交流 Online Communication

專題報(bào)道 Special Report[/quote]

常用類的命名應(yīng)盡量以常見(jiàn)英文單詞為準(zhǔn)，做到通俗易懂，并在適當(dāng)?shù)牡胤郊右宰⑨尅?duì)于二級(jí)類/ID命名，則采用組合書(shū)寫(xiě)的模式，后一個(gè)單詞的首 字母應(yīng)大寫(xiě)：諸如“搜索框”則應(yīng)命名為“searchInput”、“搜索圖標(biāo)”命名這“searchIcon”、“搜索按鈕”命名為 “searchBtn”……

一. 常規(guī)書(shū)寫(xiě)規(guī)范及方法

1. 選擇DOCTYPE：

XHTML 1.0 提供了三種DTD聲明可供選擇：

過(guò)渡的(Transitional):要求非常寬松的DTD，它允許你繼續(xù)使用HTML4.01的標(biāo)識(shí)(但是要符合x(chóng)html的寫(xiě)法)。完整代碼如下：

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

“>

嚴(yán)格的(Strict):要求嚴(yán)格的DTD，你不能使用任何表現(xiàn)層的標(biāo)識(shí)和屬性，例如。完整代碼如下：

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd

“>

框架的(Frameset):專門(mén)針對(duì)框架頁(yè)面設(shè)計(jì)使用的DTD，如果你的頁(yè)面中包含有框架，需要采用這種DTD。完整代碼如下：

http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd

“>

理想情況當(dāng)然是嚴(yán)格的DTD，但對(duì)于我們大多數(shù)剛接觸web標(biāo)準(zhǔn)的設(shè)計(jì)師來(lái)說(shuō)，過(guò)渡的DTD(XHTML 1.0 Transitional)是目前理想選擇(包括本站，使用的也是過(guò)渡型DTD)。因?yàn)檫@種DTD還允許我們使用表現(xiàn)層的標(biāo)識(shí)、元素和屬性，也比較容易通 過(guò)W3C的代碼校驗(yàn)。

2. 指定語(yǔ)言及字符集：

為文檔指定語(yǔ)言：

http://www.w3.org/1999/xhtml

” lang=”en”>

為了被瀏覽器正確解釋和通過(guò)W3C代碼校驗(yàn)，所有的XHTML文檔都必須聲明它們所使用的編碼語(yǔ)言；如：

常用的語(yǔ)言定義：

標(biāo)準(zhǔn)的XML文檔語(yǔ)言定義：

針對(duì)老版本的瀏覽器的語(yǔ)言定義：

為提高字符集，建議采用“utf-8”。

3. 調(diào)用樣式表：

外部樣式表調(diào)用：

在符合web標(biāo)準(zhǔn)的設(shè)計(jì)中，推薦使用外部調(diào)用法，可以不修改頁(yè)面只修改.css文件而改變頁(yè)面的樣式。如果所有頁(yè)面都調(diào)用同一個(gè)樣式表文件，那么改一個(gè)樣式表文件，可以改變所有文件的樣式。

4、選用恰當(dāng)?shù)脑兀?/p>

根據(jù)文檔的結(jié)構(gòu)來(lái)選擇HTML元素，而不是根據(jù)HTML元素的樣式來(lái)選擇。例如，使用P元素來(lái)包含文字段落，而不是為了換行。如果在創(chuàng)建文檔時(shí)找不到適當(dāng)?shù)脑?，則可以考慮使用通用的div 或者是span；

避免過(guò)渡使用div和span。少量、適當(dāng)?shù)氖褂胐iv和span元素可以使文檔的結(jié)構(gòu)更加清晰合理并且易于使用樣式；

盡可能少地使用標(biāo)簽和結(jié)構(gòu)嵌套，這樣不但可以使文檔結(jié)構(gòu)清晰，同時(shí)也可以保持文件的小巧，在提高用戶下載速度的同時(shí)，也易于瀏覽器對(duì)文檔的解釋及呈視；

5、派生選擇器：

可以使用派生選擇器給一個(gè)元素里的子元素定義樣式，在簡(jiǎn)化命名的同時(shí)也使結(jié)構(gòu)更加的清晰化，如：

.mainMenu ul li {background:url(images/bg.gif;)

6、輔助圖片用背影圖處理：

這里的”輔助圖片”是指那些不是作為頁(yè)面要表達(dá)的內(nèi)容的一部分，而僅僅用于修飾、間隔、提醒的圖片。將其做背影圖處理，可以在不改動(dòng)頁(yè)面的情況下通過(guò)CSS樣式來(lái)進(jìn)行改動(dòng)，如：

#logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;

7、結(jié)構(gòu)與樣式分離：

在頁(yè)面里只寫(xiě)入文檔的結(jié)構(gòu)，而將樣式寫(xiě)于css文件中，通過(guò)外部調(diào)用CSS樣式表來(lái)實(shí)現(xiàn)結(jié)構(gòu)與樣式的分離。

8、文檔的結(jié)構(gòu)化書(shū)寫(xiě)：

頁(yè)面CSS文檔都應(yīng)采用結(jié)構(gòu)化的書(shū)寫(xiě)方式，邏輯清晰易于閱讀。如：

#mainMenu

width:100%;

height:30px;

background:url(images/mainMenu_bg.jpg) repeat-x;

#mainMenu ul li

float:left;

line-height:30px;

margin-right:1px;

cursor:pointer;

命名參考(來(lái)源網(wǎng)絡(luò))

常用的CSS命名規(guī)則：

內(nèi)容：content/container

尾：footer

導(dǎo)航：nav

側(cè)欄：sidebar

欄目：column

頁(yè)面外圍控制整體布局寬度：wrapper

左右中：left right center

命名全部使用小寫(xiě)字母，如果需要多個(gè)單詞，單詞間使用“-”分隔，比如user-list

常用代碼結(jié)構(gòu)：

div：主要用于布局，分割頁(yè)面的結(jié)構(gòu)

ul/ol：用于無(wú)序/有序列表

span：沒(méi)有特殊的意義，可以用作排版的輔助，

例如

(4.23)

天幻網(wǎng)六周年天幻網(wǎng)六周年天幻網(wǎng)六周年天幻網(wǎng)六

然后在css中定義span為右浮動(dòng)，實(shí)現(xiàn)了日期和標(biāo)題分兩側(cè)顯示的效果

h1-h6：標(biāo)題

h1-h6 根據(jù)重要性依次遞減

h1位最重要的標(biāo)題

label：為了使你的表單更有親和力而且還能輔助表單排版的好東西，

例如：

密　碼

fieldset & legend：fildset套在表單外，legend用于描述表單內(nèi)容。

例如：

密　碼

dl,dt,dd：當(dāng)頁(yè)面中出現(xiàn)第一行為類似標(biāo)題/簡(jiǎn)述，然后下面為詳細(xì)描述的內(nèi)容時(shí)應(yīng)該使用該標(biāo)簽，

例如

什么是CSS?

什么是XHTML？

XHTML是一個(gè)基于XML的置標(biāo)語(yǔ)言，看起來(lái)與HTML有些想像，只有一些小的但重要的區(qū)別。可以這樣看，XHTML就是一個(gè)扮演 著類似HTML的角色的XML。 本質(zhì)上說(shuō)，XHTML是一個(gè)橋接（過(guò)渡）技術(shù)，結(jié)合了XML（有幾分）的強(qiáng)大功能及HTML（大多數(shù)）的簡(jiǎn)單特性。

C #content

S #subcol

M #maincol

X #xcol

這是縱向布局的XHTML結(jié)構(gòu)，c-smx表示網(wǎng)頁(yè)有三個(gè)縱欄, c-sm表示有兩個(gè)縱欄, c-mx表示有兩個(gè)縱欄其中一個(gè)是附屬的, c-m表示一個(gè)縱欄。

其中在三縱欄的布局需要分為兩層 第一層是#subcol與#main第二層是#main中的#maincol與#xcol。

自定義命名：

根據(jù)w3c網(wǎng)站上給出的,最好是用意義命名

比如：是重要的新聞高亮顯示（像紅色）

有兩種

.red{color:red

.important-news{color:red

很顯然第二種傳達(dá)的意義更加明確,所以盡量不要用意義不明確的作為自己自定義的名字

CSS命名規(guī)范

DIV CSS名稱 說(shuō)明

網(wǎng)站公用相關(guān)

Container div #container 容器

Main or global navigation div #mainNav 主導(dǎo)航

Menu #menu 菜單

Sub Menu #submenu 子菜單

Left or right side columns #sidebarA, #sidebarB 左邊欄或右邊欄

Main div #main 頁(yè)面主體

Content div #content 內(nèi)容部分

The main content area #contentMain 主要內(nèi)容區(qū)域

Footer div #footer 頁(yè)腳部分

Tag #tag 標(biāo)簽

Message #msg #message 提示信息

Tips #tips 小技巧

Vote #vote 投票

Summary #summary 摘要

Sub-navigation list #subNav 二級(jí)導(dǎo)航

Search input #searchInput 搜索輸入框

Search output #searchOutput 搜索輸出和搜索結(jié)果相似

Search #search 搜索

Search results #searchResults 搜索結(jié)果

Copyright information #copyright 版權(quán)信息

brand #branding 商標(biāo)

branding-logo #brandingLogo LOGO

Site information #siteinfo 網(wǎng)站信息

Copyright information etc. #siteinfoLegal 法律聲明

Designer or other credits #siteinfoCredits 信譽(yù)

Join us #joinus 加入我們

Partnership opportunities #partner 合作伙伴

Services #service 服務(wù)

Regsiter #regsiter 注冊(cè)

Status #status 狀態(tài)

9、鼠標(biāo)手勢(shì)：

在XHTML標(biāo)準(zhǔn)中，hand只被IE識(shí)別，當(dāng)需要將鼠標(biāo)手勢(shì)轉(zhuǎn)換為“手形”時(shí)，則將“hand”換為“pointer”，即“cursor:pointer;”

企業(yè)網(wǎng)站常用英語(yǔ)

企業(yè)網(wǎng)站常用英語(yǔ)

網(wǎng)站是指在因特網(wǎng)上根據(jù)一定的`規(guī)則，使用HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言）等工具制作的用于展示特定內(nèi)容相關(guān)網(wǎng)頁(yè)的集合。下面是我整理的企業(yè)網(wǎng)站常用英語(yǔ)相關(guān)內(nèi)容。

企業(yè)網(wǎng)站常用英語(yǔ)1

網(wǎng)站導(dǎo)航 site map

公司簡(jiǎn)介 profile or company profile or company

公司設(shè)備 equipment equipment

公司榮譽(yù) glories glories

企業(yè)文化 culture culture

產(chǎn)品展示 product product

資質(zhì)認(rèn)證 quality certification

企業(yè)規(guī)模 scale scale

營(yíng)銷網(wǎng)絡(luò) sales network

組織機(jī)構(gòu) organization organization

合作加盟 join in cooperation

技術(shù)力量 technology technology

經(jīng)理致辭 manager`s oration

發(fā)展歷程 development history

工程案例 engineering projects

業(yè)務(wù)范圍 business scope

分支機(jī)構(gòu) branches

供求信息 supply & demand

經(jīng)營(yíng)理念 operation principle

產(chǎn)品銷售 sales sales

聯(lián)系我們 contact us contact us

信息發(fā)布 information information

返回首頁(yè) homepage homepage

產(chǎn)品定購(gòu) order order

分類瀏覽 browse by category

電子商務(wù) e-business

公司實(shí)力 strength strength

版權(quán)所有 copy right

應(yīng)用領(lǐng)域 application fields

人力資源 human resource hr

領(lǐng)導(dǎo)致辭 leader`s oration

企業(yè)資質(zhì) enterprise qualification

行業(yè)新聞 trade news

行業(yè)動(dòng)態(tài) trends

客戶留言 customer message

客戶服務(wù) customer service

新聞動(dòng)態(tài) news & trends

公司名稱 company name

銷售熱線 sales hot-line

聯(lián)系人 contact person

您的要求 your requirements

建設(shè)中 in construction

證書(shū) certificate certificate

地址 add add

郵編 postal code zipcode

電話 tel tel

傳真 fax fax

產(chǎn)品名稱 product name

產(chǎn)品說(shuō)明 description description

價(jià)格 price

品牌 brand

尺寸 size

生產(chǎn)廠家 manufacuturer manufacturer

型號(hào) model

產(chǎn)品標(biāo)號(hào) item no.

企業(yè)網(wǎng)站常用英語(yǔ)2

網(wǎng)站導(dǎo)航 Site Map

常見(jiàn)問(wèn)題 FAQ

中心概況 General Profile

教育培訓(xùn) Education & Training

游樂(lè)園 Amusement Park

在線交流 Online Communication

專題報(bào)道 Special Report

公司簡(jiǎn)介 Profile Or Company Profile Or Company

公司設(shè)備 Equipment Equipment

公司榮譽(yù) Glories Glories

企業(yè)文化 Culture Culture

產(chǎn)品展示 Product Product

資質(zhì)認(rèn)證 Quality Certification

企業(yè)規(guī)模 Scale Scale

營(yíng)銷網(wǎng)絡(luò) Sales Network

組織機(jī)構(gòu) Organization Organization

合作加盟 Join In Cooperation

技術(shù)力量 Technology Technology

經(jīng)理致辭 Manager`s Oration

發(fā)展歷程 Development History

工程案例 Engineering Projects

業(yè)務(wù)范圍 Business Scope

分支機(jī)構(gòu) Branches

供求信息 Supply & Demand

經(jīng)營(yíng)理念 Operation Principle

產(chǎn)品銷售 Sales Sales

聯(lián)系我們 Contact Us Contact Us

信息發(fā)布 Information Information

返回首頁(yè) Homepage Homepage

產(chǎn)品定購(gòu) Order Order

分類瀏覽 Browse By Category

電子商務(wù) E-business

公司實(shí)力 Strength Strength

版權(quán)所有 Copy Right

友情連結(jié) Hot Link

應(yīng)用領(lǐng)域 Application Fields

人力資源 Human Resource Hr

領(lǐng)導(dǎo)致辭 Leader`s Oration

企業(yè)資質(zhì) Enterprise Qualification

行業(yè)新聞 Trade News

行業(yè)動(dòng)態(tài) Trends

客戶留言 Customer Message

客戶服務(wù) Customer Service

新聞動(dòng)態(tài) News & Trends

公司名稱 Company Name

銷售熱線 Sales Hot-Line

聯(lián)系人 Contact Person

您的要求 Your Requirements

建設(shè)中 In Construction

證書(shū) Certificate Certificate

地址 ADD Add

郵編 Postal Code Zipcode

電話 TEL Tel

傳真 FAX Fax

產(chǎn)品名稱 Product Name

產(chǎn)品說(shuō)明 Description Description

價(jià)格 Price

品牌 Brand

尺寸 Size

生產(chǎn)廠家 Manufacuturer Manufacturer

型號(hào) Model

產(chǎn)品標(biāo)號(hào) Item No.

技術(shù)指標(biāo) Technique Data

產(chǎn)品描述 Description

產(chǎn)地 Production Place

銷售信息 Sales Information

用途 Application

論壇 Forum

在線訂購(gòu) On-line Order

招商 Enterprise-establishing

招標(biāo) Bid Inviting

綜述 General

業(yè)績(jī) Achievements

招聘 Join Us

求賢納士 Join Us

大事 Great Event

動(dòng)態(tài) Trends

服務(wù) Service

投資 Investment

行業(yè) Industry

規(guī)劃 Programming

環(huán)境 Environment

發(fā)送 Delivery

提交 Submit

重寫(xiě) Reset

登錄 Enter

注冊(cè) Login

中國(guó)企業(yè)網(wǎng)技術(shù)支持 Powered By Ce.Net.Cn

社區(qū) Community

業(yè)務(wù)介紹 Business Introduction

在線調(diào)查 Online Inquiry Inquiry

下載中心 Download

會(huì)員登陸 Member Entrance

意見(jiàn)反饋 Feedback

;

honor英文

honor，單詞，主要用作為名詞、動(dòng)詞，作名詞時(shí)譯為“榮譽(yù)；信用；頭銜”。

常用短語(yǔ)

field of honor n.戰(zhàn)場(chǎng),決斗場(chǎng)

guard of honor n.儀隊(duì),儀仗隊(duì)

honor system n. 榮譽(yù)制度

guest of honor n. 主賓

maid of honor n. 1.女，女儐相

matron of honor n. (已婚的)首席女儐相,主要伴娘

point of honor n. 有關(guān)個(gè)人名譽(yù)之事, 面子問(wèn)題

word of honor【法】 諾言

Enterprise honor 企業(yè)榮譽(yù) ; 聯(lián)系我們 ; 企業(yè)聲譽(yù) ; 公司榮譽(yù)

Honor hold 榮耀堡 ; 榮譽(yù)堡 ; 光榮堡 ; 光彩堡

Our Honor 醫(yī)院榮譽(yù) ; 我們的榮譽(yù) ; 公司榮譽(yù) ; 機(jī)構(gòu)榮譽(yù)

HONOR STUDENT 榮譽(yù)學(xué)生 ; 福見(jiàn)真紀(jì) ; 三好學(xué)生 ; 榮譽(yù)生

Honor certificates 獲獎(jiǎng)證書(shū)

Hospital honor 醫(yī)院榮譽(yù) ; 診療設(shè)備 ; 尖端設(shè)備 ; 榮譽(yù)資質(zhì)

Secret Honor 秘密的榮譽(yù) ; 秘密的榮耀

Christophe Honor 奧諾雷 ; 克里斯多夫何內(nèi) ; 歐諾黑 ; 克里斯托弗·奧諾雷

honor class 榮譽(yù)班 ; 榮譽(yù)課程