怎么能讓自己的網(wǎng)站美觀，css是什么，別給復(fù)制一大堆

CSS是網(wǎng)頁制作的樣式，用于網(wǎng)頁制作的美工，美化網(wǎng)頁，我覺得你要的那個(gè)應(yīng)該是框架集吧，QQ空間都是那種樣式，頂部和左邊都差不多，只有左邊的連接發(fā)生變化，至于target,上面那位仁兄貌似錯(cuò)了吧，target只有4個(gè)屬性，_blank代表連接到一個(gè)新窗口，_self代表連接本窗口，_parent代表連接父窗口，就是他的上一層窗口，_top代表全部窗口的連接，在網(wǎng)頁制作的書上有CSS的詳細(xì)介紹，也會(huì)叫你框架集的應(yīng)用

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),雨湖企業(yè)網(wǎng)站建設(shè),雨湖品牌網(wǎng)站建設(shè),網(wǎng)站定制,雨湖網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,雨湖網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

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

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

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

[quote]主要的 master.css

布局，版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css [/quote]

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

[quote]頁頭：header

登錄條：loginbar

標(biāo)志：logo

側(cè)欄：sidebar

廣告：banner

導(dǎo)航：nav

子導(dǎo)航：subnav

菜單：menu

子菜單：submenu

搜索：search

滾動(dòng)：scroll

頁面主體：main

內(nèi)容：content

標(biāo)簽頁：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標(biāo)題：title

加入：joinus

指南：guild

服務(wù)：service

熱點(diǎn)：hot

新聞：news

下載：download

注冊(cè)：regsiter

狀態(tài)：status

按鈕：btn

投票：vote

合作伙伴：partner

友情鏈接：friendlink

頁腳：footer

版權(quán)：copyright

外　套：wrap

主導(dǎo)航：mainnav

子導(dǎo)航：subnav

頁　腳：footer

整個(gè)頁面：　content

頁　眉：header

頁　腳：footer

商　標(biāo)：label

標(biāo)　題：title

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

頂導(dǎo)航：topnav

邊導(dǎo)航：sidebar

左導(dǎo)航：leftsidebar

右導(dǎo)航：rightsidebar

旗　志：logo

標(biāo)　語：banner

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

菜單容量：　menucontainer

子菜單：submenu

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

注釋：　note

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

容器：　container

內(nèi)容：　content

搜索：　search

登陸：　Login

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

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

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

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

公司簡介 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

營銷網(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)營理念 Operation Principle

產(chǎn)品銷售 Sales Sales

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

信息發(fā)布 Information Information

返回首頁 Homepage Homepage

產(chǎn)品定購 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

證書 Certificate Certificate

地址 ADD Add

郵編 Postal Code Zipcode

電話 TEL Tel

傳真 FAX Fax

產(chǎn)品名稱 Product Name

產(chǎn)品說明 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

在線訂購 On-line order

招商 Enterprise-establishing

招標(biāo) Bid Inviting

綜述 General

業(yè)績 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

重寫 Reset

登錄 Enter

注冊(cè) Login

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

社區(qū) Community

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

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

下載中心 Download

會(huì)員登陸 Member Entrance

意見反饋 Feedback

常見問題 FAQ

中心概況 General Profile

教育培訓(xùn) Education Training

游樂園 Amusement Park

在線交流 Online Communication

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

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

一. 常規(guī)書寫規(guī)范及方法

1. 選擇DOCTYPE：

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

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

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ““

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

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” ““

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

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” ““

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

2. 指定語言及字符集：

為文檔指定語言：

html xmlns=”” lang=”en”

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

常用的語言定義：

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

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

?xml version=”1.0″ encoding=” utf-8″?

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

meta http-equiv=”Content-Language” content=” utf-8″ /

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

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

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

頁面內(nèi)嵌法：就是將樣式表直接寫在頁面代碼的head區(qū)。如：

style type=”text/css”!– body { background : white ; color : black ; } – /style

外部調(diào)用法：將樣式表寫在一個(gè)獨(dú)立的.css文件中，然后在頁面head區(qū)用類似以下代碼調(diào)用。

link rel=”stylesheet” rev=”stylesheet” href=”css/style.css” type=”text/css” media=”all” /

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

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

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

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

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

5、派生選擇器：

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

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

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

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

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

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

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

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

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

div id=”mainMenu”

ul

lia href=”#” 首頁/a/li

lia href=”#” 介紹/a/li

lia href=”#” 服務(wù)/a/li

/ul

/div

#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;

}

*******************************************************************************************

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

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

頭：header

內(nèi)容：content/container

尾：footer

導(dǎo)航：nav

側(cè)欄：sidebar

欄目：column

頁面外圍控制整體布局寬度：wrapper

左右中：left right center

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

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

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

ul/ol：用于無序/有序列表

span：沒有特殊的意義，可以用作排版的輔助，

例如

lispan(4.23)/span天幻網(wǎng)六周年天幻網(wǎng)六周年天幻網(wǎng)六周年天幻網(wǎng)六/li

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

h1-h6：標(biāo)題

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

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

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

例如：

label for="user-password"密　碼/label

input type="password" name="password" id="user-password" /

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

例如：form

fieldset

legendtitle/legend

label for="user-password"密　碼/label

input type="password" name="password" id="user-password" /

/fieldset

/form

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

例如dl

dt什么是CSS?/dt

ddCSS就是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。dd

dt什么是XHTML？/dt

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

/dl

C #content

S #subcol

M #maincol

X #xcol

這是縱向布局的XHTML結(jié)構(gòu)，c-smx表示網(wǎng)頁有三個(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名稱 說明

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

Container div #container 容器

Header or banner div #header 頁頭部分

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

Menu #menu 菜單

Sub Menu #submenu 子菜單

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

Main div #main 頁面主體

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

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

Footer div #footer 頁腳部分

Tag #tag 標(biāo)簽

Message #msg #message 提示信息

Tips #tips 小技巧

Vote #vote 投票

Friend Link #friendlink 友情連接

Title #title 標(biāo)題

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;”

css是什么意思

css是層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。

CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。

CSS為HTML標(biāo)記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁面元素。

CSS具有以下特點(diǎn)：

1、豐富的樣式定義

CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

2、易于使用和修改

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門的CSS文件中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。

3、多頁面應(yīng)用

CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁面中使用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁面風(fēng)格的統(tǒng)一。

4、層疊

層疊就是對(duì)一個(gè)元素多次設(shè)置同一個(gè)樣式，這將使用最后一次設(shè)置的屬性值。例如對(duì)一個(gè)站點(diǎn)中的多個(gè)頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對(duì)這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁面中。

5、頁面壓縮

在使用HTML定義頁面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會(huì)產(chǎn)生大量的HTML標(biāo)簽，從而使頁面文件的大小增加。

而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時(shí)使用的時(shí)間也會(huì)大大的減少。另外，CSS樣式表的復(fù)用更大程序的縮減了頁面的體積，減少下載的時(shí)間。

擴(kuò)展資料：

css的工作原理

CSS是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，被用于描述網(wǎng)頁上的信息格式化和現(xiàn)實(shí)的方式。CSS樣式可以直接存儲(chǔ)于HTML網(wǎng)頁或者單獨(dú)的樣式單文件。

無論哪一種方式，樣式單包含將樣式應(yīng)用到指定類型的元素的規(guī)則。外部使用時(shí)，樣式單規(guī)則被放置在一個(gè)帶有文件擴(kuò)展名_css的外部樣式單文檔中。

樣式規(guī)則是可應(yīng)用于網(wǎng)頁中元素，如文本段落或鏈接的格式化指令。樣式規(guī)則由一個(gè)或多個(gè)樣式屬性及其值組成。內(nèi)部樣式單直接放在網(wǎng)頁中，外部樣式單保存在獨(dú)立的文檔中，網(wǎng)頁通過一個(gè)特殊標(biāo)簽鏈接外部樣式單。

名稱CSS中的“層疊（cascading）”表示樣式單規(guī)則應(yīng)用于HTML文檔元素的方式。具體地說，CSS樣式單中的樣式形成一個(gè)層次結(jié)構(gòu)，更具體的樣式覆蓋通用樣式。樣式規(guī)則的優(yōu)先級(jí)由CSS根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果。

參考資料：百度百科_css

DreamweaverCSS樣式表求翻譯

字體樣式：font-family: 字體

font-size: 字體大小

font-weight: 字體粗細(xì) （bold加粗，bolder特粗，normal普通，）

font-style:字體樣式(italic傾斜，normal普通)

ccolor: 字體顏色,可以用英文單詞，也可以使用RGB顏色值(#FFOOOO),rgb(255,0,255)

文本樣式：text-align:水平對(duì)齊 center;left;right;bottom;

display:block：塊元素

line-height:行高（垂直居中對(duì)齊）

vertical-align：垂直對(duì)齊，一般來說，文字居中對(duì)齊方式不使用它，是用line-height（行高）;

在圖文混排的時(shí)候用

text-decoration:文字裝飾效果，比如下劃線，刪除線

text-indent:文本縮進(jìn)

/* */ css樣式注釋！

padding-left:30px;

text-shadow:文字陰影效果

背景樣式：background-color: 背景顏色

background-image:url(images/logo.jpg);背景圖片

background-repeat:repeat-x 背景是否重復(fù)，水平平鋪 y垂直平鋪 no-repeat不重復(fù)

background-position: right center left bottom 前面水平 后面垂直

background-attachment:fixed;讓背景圖片固定，一般用在body標(biāo)簽

列表樣式：list-style:none 列表樣式無

定位算是一個(gè)難點(diǎn),多去練習(xí)就好,純手打,希望可以幫到你,不懂的再問.

css英文和屬性翻譯

CSS

基本翻譯

abbr. 半鑄鋼，鋼性鑄鐵（Cast Semi-Steel）；層疊樣式表（Cascading Style Sheets）；計(jì)算機(jī)系統(tǒng)模擬（Computer System Simulation）

網(wǎng)絡(luò)釋義

CSS:Cascading Style sheets|層疊樣式表|樣式表

精通CSS:CSS Mastery|CSS Master

GCR CSS:微軟全球技術(shù)支持中心|微軟大中華區(qū)全球技術(shù)支持中心

百科

css

Cascading Style Sheets（層疊樣式表／串樣式列表），簡寫為CSS，由W3C定義和維護(hù)的標(biāo)準(zhǔn)，一種用來為結(jié)構(gòu)化文檔（如HTML文檔或XML應(yīng)用）添加樣式（字體、間距和顏色等）的計(jì)... 詳細(xì) ?

搜索 css css論壇 css教程

誰能幫我翻譯CSS

CSS是Cascading Style Sheets（層疊樣式表單）的簡稱。

更多的人把它稱作樣式表

它是一種設(shè)計(jì)網(wǎng)頁樣式的工具。

借助CSS的強(qiáng)大功能，

網(wǎng)頁將在您豐富的想象力下千變?nèi)f化。

在百度空間里，按照自己的風(fēng)格和愛好，你自己可以對(duì)自定義模板進(jìn)行修改。謝謝！，

自定義模板必備之css屬性知識(shí)

屬 性 名 稱 屬性功能及其取值 用 法 說 明 與 范 例

顏色與背景類

color 設(shè)置文字顏色

#rgb

#rrggbb

rgb(255,255,255)

rgb(100%,100%,100%) H1{color:red}

H1{color:#f00}

H1{color:#ff0000}

H1{color:rgb(255,0,0)}

H1{color:rgb(100%,0%,0%)}

background-color 設(shè)置背景顏色，格式同上。 BODY{background-color:red}

BODY{background-color:#f00}

BODY{background-color:#ff0000}

BODY{background-color:rgb(255,0,0)}

BODY{background-color:rgb(100%,0%,0%)}

background-image 設(shè)置背景圖片，

url(/imageURL) body{backround-image:url(/back.jpg);}

background-repeat 設(shè)置背景圖片是否重復(fù)排列:

repeat-x(X軸重復(fù)排列);

repeat-y(Y軸重復(fù)排列);

No-repeat(不重復(fù)排列) BODY{background-repeat:repeat-x;}

BODY{background-repeat:No-repeat;}

background-attachment 設(shè)定背景圖片是否卷動(dòng)，默認(rèn)為卷動(dòng)。

scroll(卷動(dòng))

fixed(不卷動(dòng)) BODY{background-attachment:fixed;}

background-position 設(shè)定背景圖片或背景顏色開始顯示的位置，取值格式：

top,buttom,left,right,center(用關(guān)鍵字)

70px 10px(用長度值)

50% 30%(用百分比) BODY{background-position:right top;}

BODY{background-position:50px 10px;}

BODY{background-position:20% 50%;}

background 定義背景綜合屬性，不要求順序，各屬性值以空格分開。 BODY{background:#ffcc00 url(/bg.jpg) fixed center}

字型類

font-family 設(shè)置字型屬性，取值可以是任何字型名稱，缺省為瀏覽器內(nèi)定字型，可以設(shè)多個(gè)以逗號(hào)(,)分開，有空格的英文字型可用單引號(hào)或雙引號(hào)括起來。 P{font-family:宋體,楷體,黑體,"Time New Rom";}

font-style 設(shè)定字型樣式：Normal(正常),italic、objlique(斜體) P{font-style:italic;}

font-variant 取值：Normal(默認(rèn))，small-caps(如果是中文字型則將字型縮小顯示，如果是英文則全部改為較小的大寫) H3{font-variant:small-caps;}

font-weight 設(shè)定字體粗細(xì)，取值有：

Normal(默認(rèn)),bold,lighter,border,100,200...900

由于瀏覽器支持程度不同，一般只用normal和bold兩種屬性。 P{font-weight:bold;}

font-size 設(shè)定字體的大小；

絕對(duì)大小：xx-small,x-small,small,mediumlarge,x-large,xx-large;

相對(duì)大小：larger,smaller;

數(shù)字表示可用單位：磅(pt),像素(px),英寸(in),厘米(cm);

亦可用百分比表示。 H2{font-size:36pt;}

P{font-size:200%;}

font 設(shè)定字型的綜合屬性，其順序如下：

{font-style font-variant font-weight font-size /line-height font-family;} P{bold 12pt/14pt impact,Arial;}

文字類

letter-spacing 設(shè)定文字間距。 P{letter-spacing:5pt;}

text-decoration 設(shè)定文字加上下劃線、刪除線等效果：

none(無)

underline(下劃線)

overline(上劃線)

line-through(刪除線)

vertical-align 設(shè)定文字或圖片垂直方向的對(duì)齊方式：

baseline:默認(rèn)值 sub:下標(biāo) super:上標(biāo) top:垂直向上對(duì)齊 middle:垂直居中 bottom:垂直向下對(duì)齊。

text-transform 轉(zhuǎn)換英文字母大小寫：

none:默認(rèn)值 capitalize:首字母大寫 uppercase:所有英文字母大寫 lowercase:所有英文字母小寫。

text-align 設(shè)置文字的水平對(duì)齊方式：

left:左對(duì)齊 right:右對(duì)齊 center:水平居中 justify:左右對(duì)齊。

text-indent 設(shè)定標(biāo)記元素內(nèi)文字的首行縮進(jìn)或配合margin-left屬性設(shè)定首行凸排。

line-height 設(shè)定行高，聲明方式有標(biāo)準(zhǔn)行高、固定值表示法、百分比行高、字型大小比例行高等。

列表類

list-style-type 有序列表的編號(hào)方式（供OL標(biāo)記使用）：

none:無編號(hào) decimal:阿拉伯?dāng)?shù)字 lower-roman:小寫羅馬數(shù)字 upper-roman:大寫羅馬數(shù)字 lower-alpha:小寫英文字母 upper-alpha:大寫英文字母。

list-style-type 無序列表的符號(hào)樣式（供UL使用）：

none:無符號(hào) disc:實(shí)心圓符號(hào) circle:空心圓符號(hào) square:實(shí)心方形符號(hào)。

list-style-image 無序列表的自定義符號(hào)樣式：

格式：url(圖片名稱) UL{list-style-imag:url(/dd.gif);}

list-style-position 設(shè)置列表清單符號(hào)縮排屬性：

outside:凸排 inside:縮排 UL{list-style-imag:url(/dd.gif); list-style-position:outside;}

list-style 列表清單項(xiàng)目的綜合設(shè)定，屬性之間用空格隔開。 UL{list-style-imag:url(/dd.gif) inside;}

邊界及其相關(guān)類

margin 標(biāo)記元素邊界值的綜合設(shè)定。（其規(guī)則見右邊范例）

亦可以用margin-top、margin-right、margin-bottom、margin-left分開設(shè)定各邊的邊界。 聲明4個(gè)值，其順序?yàn)樯稀⒂摇⑾隆⒆筮吔纾纾篋IV{margin:12pt 15pt 20pt 16pt;}

聲明3個(gè)值，其順序?yàn)樯稀⒂摇⑾拢鄙俚淖筮吔缛∑鋵?duì)邊（右），如：DIV{margin:12pt 15pt 16pt;}

聲明2個(gè)值，其順序?yàn)樯稀⒂遥鄙俚南隆⒆筮吔缛∑鋵?duì)邊，如：DIV{margin:12pt 15pt;}

聲明1個(gè)值，則4個(gè)邊界同一個(gè)值，如：DIV{margin:15pt;}

padding 設(shè)定標(biāo)記內(nèi)容與標(biāo)記邊框之間的留白的綜合設(shè)定（規(guī)則見margin屬性的范例）。 也可分開設(shè)定padding-top、padding-right、padding-bottom、padding-left各值。

border-width 標(biāo)記元素邊框?qū)挾鹊木C合設(shè)定（規(guī)則類似于margin屬性）。 也可分開設(shè)定border-top-width、border-right-width、border-bottom-width、border-left-width各值。

border-color 標(biāo)記元素邊框顏色的綜合設(shè)定（規(guī)則類似于margin屬性）。顏色取值見color屬性。 也可分開設(shè)定border-top-color、border-right-color、border-bottom-color、border-left-color各值。

border-style 標(biāo)記元素邊框樣式的綜合設(shè)定（規(guī)則類似于margin屬性）。邊框樣式有solid,double,goove,ridge,inset,outset等。 也可分開設(shè)定border-top-style、border-right-style、border-bottom-style、border-left-style各值。

border 標(biāo)記元素4個(gè)邊框的綜合設(shè)定，可以分別聲明邊框?qū)挾取⑦吙驑邮健⒑瓦吙蝾伾? DIV{border:5pt solid #ff0000;}

width 設(shè)定標(biāo)記元素的寬度。

height 設(shè)定標(biāo)記元素的高度。

float 設(shè)定標(biāo)記元素與文字間的相對(duì)位置（文字繞排方式）。取值：

none:以默認(rèn)方式顯示；

left:標(biāo)記元素靠左，文字在右邊繞排；

right:標(biāo)記元素靠右，文字在左邊繞排；

clear 設(shè)定標(biāo)記元素與文字間的相對(duì)位置（與float不同的是標(biāo)記元素兩邊都不繞排）。取值：

none:以默認(rèn)方式顯示；

left:標(biāo)記元素靠左，右邊無文字繞排；

right:標(biāo)記元素靠右，左邊無文字繞排；

其他類

z-index 設(shè)定標(biāo)記元素的堆疊層次，取值為整數(shù)，也可以是負(fù)數(shù)，數(shù)值大的在上層。

visibility 設(shè)定標(biāo)記元素是否可見，取值有：

inherit:取默認(rèn)值 visible:可見 hidden:不可見（隱藏）

該表只列出常用的CSS屬性，及簡要介紹其主要功能，若要了解各所有屬性和具體的用法，請(qǐng)參考相關(guān)書籍。當(dāng)然，實(shí)踐是最好的提高辦法

網(wǎng)站題目：網(wǎng)站css樣式翻譯,css樣式中文翻譯
文章URL：http://chinadenli.net/article31/dsecgsd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、用戶體驗(yàn)、網(wǎng)站維護(hù)、營銷型網(wǎng)站建設(shè)、定制網(wǎng)站、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)