css樣式怎么寫

css樣式是HTML的一個補充，簡單的css使用樣式如下:

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：主機域名、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、南城網(wǎng)站維護、網(wǎng)站推廣。

html

body

div?id=div/div

/body

style?type="text/css"

width:300px;//設(shè)置div的寬度300像素

height:500px;//設(shè)置div高度500像素

background-color:red;//設(shè)置div的背景顏色為紅色

/style

/html

css代碼位于style之間，詳細的css代碼解釋見代碼注釋。

簡單CSS樣式表的寫法

html

head

style?type="text/css"

a.top:link?{font-family:?宋體}?/*鏈接字體*/

a.top:link?{font-weight:?normal;}?/*設(shè)置鏈接文字中的字符粗細*/

a.top:link?{font-size:?12}?/*設(shè)置鏈接文字的大小*/

a.top:link?{text-decoration:?none;}?/*設(shè)置鏈接文字沒有下劃線*/

a.top:hover?{text-decoration:?underline;}?/*鼠標(biāo)放在鏈接上時有下劃線*/

a.top:link?{color:?#000000}?/*設(shè)置鏈接文字的顏色*/

a.top:visited?{color:?#000000}?/*訪問過的鏈接*/

a.top:hover?{color:?#B50000}?/*鼠標(biāo)放在鏈接上字體的顏色*/

a.tj:link?{font-family:?宋體}

a.tj:link?{font-weight:?normal;}

a.tj:link?{font-size:?12}

a.tj:link?{text-decoration:?none;}

a.tj:hover?{text-decoration:?none;}

a.tj:link?{color:?#000000}

a.tj:visited?{color:?#0000ff}

a.tj:hover?{background:?#FFFFCC}

h1?{font-size:12px}?

h1?{font-family:?"宋體"}?

h1?{font-weight:?normal;}

h1?{color:?#000000}

h2?{font-size:14px}?

h2?{font-family:?"宋體"}?

h2?{font-weight:?normal;}

h2?{color:?#000000}

h3?{font-size:24px}?

h3?{font-weight:?1;}

h3?{color:?#000000}

body?{

margin-top:?1px;?/*上邊距*/

margin-bottom:?1px;?/*下邊距*/

}

/style

meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"/head

body

pMouse?over?the?links?to?see?them?change?layout./p

pba?href="default.asp"?target="_blank"?class="top"電腦對懷孕其實沒啥影響/a/b/p

pba?href="default.asp"?target="_blank"?class="tj"電腦對懷孕其實沒啥影響/a/b/p

h1電腦對懷孕其實沒啥影響/h1

h2電腦對懷孕其實沒啥影響/h2

h3電腦對懷孕其實沒啥影響/h3

/body

/html

怎樣編寫CSS

上面的例子中，我們可以看到CSS的語句是內(nèi)嵌在HTML文檔內(nèi)的。所以，編寫CSS的方法和編寫HTML文檔的方法是一樣的。

您可以用任何一種文本編輯工具來編寫。比如Windows下的記事本和寫字板、專門的HTML文本編輯工具（Frontpage、Ultraedit等），都可以用來編輯CSS文檔。

一種是把CSS文檔放到head文檔中：style type=“text/css” …… /style

其中style中的“type=‘text/css’”的意思是style中的代碼是定義樣式表單的。

另一種方法是把CSS樣式表寫在HTML的行內(nèi)，比如下面的代碼：p style=“font-size：14pt；color：blue”藍色14號文字/p

這是采用Style=“ ”的格式把樣式寫在html中的任意行內(nèi)，這樣比較方便靈活。 還有一種方法是：把您編輯好的CSS文檔保存成“.CSS”文件，然后在head中定義。定義的格式是這樣的：head link rel=stylesheet href=“style.css” …… /head

我們看到這里應(yīng)用了一個Link，“rel=stylesheet”指連接的元素是一個樣式表（stylesheet）文檔。一般這里是不需要您改動的。

而后面的“href=‘style.css’”指的是需要連接的文件地址。您只需把編輯好的“.CSS”文件的詳細路徑名寫進去就可以了。這種方法非常適宜同時定義多個文檔。它能使多個文檔同時使用相同的樣式，從而減少了大量的冗余代碼。

下一章我們將進入CSS的具體知識的學(xué)習(xí)，我們將先從最基本的屬性開始講起。

怎樣寫CSS樣式代碼

有兩種方法：

一是編輯.css文件，樣式代碼寫進這個.css文件中，

然后在HTML文檔中引用這個css文件，即可

二是，寫進HTML文檔中，作為內(nèi)聯(lián)樣式。

一般用style標(biāo)簽來寫，或者寫到具體元素的style屬性中。

網(wǎng)頁題目：css樣式寫出,CSS的書寫形式
網(wǎng)站鏈接：http://chinadenli.net/article22/dsdscjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、動態(tài)網(wǎng)站、網(wǎng)站營銷、虛擬主機、定制網(wǎng)站、商城網(wǎng)站

廣告

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