有三種方法:
創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今,先為靈壽等服務建站,靈壽等地企業(yè),進行企業(yè)商務咨詢服務。為靈壽企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
行內(nèi)樣式 直接在標簽里面添加style屬性,在style屬性里面寫樣式即可;
內(nèi)部樣式 在head標簽里面通過style標簽來寫入內(nèi)部樣式;
外部樣式 通過link標簽引入外部樣式表。
html
head
style?type="text/css"
a.top:link?{font-family:?宋體}?/*鏈接字體*/
a.top:link?{font-weight:?normal;}?/*設置鏈接文字中的字符粗細*/
a.top:link?{font-size:?12}?/*設置鏈接文字的大小*/
a.top:link?{text-decoration:?none;}?/*設置鏈接文字沒有下劃線*/
a.top:hover?{text-decoration:?underline;}?/*鼠標放在鏈接上時有下劃線*/
a.top:link?{color:?#000000}?/*設置鏈接文字的顏色*/
a.top:visited?{color:?#000000}?/*訪問過的鏈接*/
a.top:hover?{color:?#B50000}?/*鼠標放在鏈接上字體的顏色*/
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的語句是內(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
我們看到這里應用了一個Link,“rel=stylesheet”指連接的元素是一個樣式表(stylesheet)文檔。一般這里是不需要您改動的。
而后面的“href=‘style.css’”指的是需要連接的文件地址。您只需把編輯好的“.CSS”文件的詳細路徑名寫進去就可以了。這種方法非常適宜同時定義多個文檔。它能使多個文檔同時使用相同的樣式,從而減少了大量的冗余代碼。
下一章我們將進入CSS的具體知識的學習,我們將先從最基本的屬性開始講起。
有兩種方法:
一是編輯.css文件,樣式代碼寫進這個.css文件中,
然后在HTML文檔中引用這個css文件,即可
二是,寫進HTML文檔中,作為內(nèi)聯(lián)樣式。
一般用style標簽來寫,或者寫到具體元素的style屬性中。
css樣式是HTML的一個補充,簡單的css使用樣式如下:
html
body
div?id=div/div
/body
style?type="text/css"
width:300px;//設置div的寬度300像素
height:500px;//設置div高度500像素
background-color:red;//設置div的背景顏色為紅色
/style
/html
css代碼位于style之間,詳細的css代碼解釋見代碼注釋。