一、外部文件方式
外部文件方式即將CSS寫成一個(gè)文件的方式，在HTML文檔頭通過(guò)文件引用來(lái)進(jìn)行風(fēng)格控制。CSS文件可在DreamWeaver的Window菜單下的styles選項(xiàng)或在FrontPage Editor98中Format菜單下StyleSheet菜單項(xiàng)來(lái)創(chuàng)建，相對(duì)說(shuō)來(lái)，在DreamWeaver下創(chuàng)建比較簡(jiǎn)單；當(dāng)然了，如果你熟悉CSS屬性，可直接在記事本里寫，最后的文件擴(kuò)展名為CSS。
CSS文件的引用是在HTML的<head></head>標(biāo)志之間寫下列語(yǔ)句：
<Link Rel="STYLESHEET" Href="文件名.CSS" Type="text/css">,如當(dāng)前文件目錄下有一CSS 文件名為myStyle.css，內(nèi)容如下
| P{font-family:'宋體'; font-size:9pt; color:blue} H2{font-family:‘宋體’; font-size:13pt; color:red } |
則在引用時(shí)，用下列語(yǔ)句
<Link Rel="STYLESHEET" Href="myStyle.css" Type="text/css">，當(dāng)然，如果你在DreamWeaver中用styles功能可直接連接(Link)一個(gè)CSS文件，這些語(yǔ)句會(huì)自動(dòng)生成的。
應(yīng)用CSS文件的一個(gè)最大好處就是，你可以在每個(gè)HTML文件中引用這個(gè)文件，從而可使整個(gè)站點(diǎn)的HMTL文件在風(fēng)格上保持一致，避免重復(fù)的CSS屬性設(shè)置；另外，當(dāng)你遇上改版或作某些重大調(diào)整要對(duì)風(fēng)格進(jìn)行修改時(shí)，可直接修改這個(gè)CSS文件，當(dāng)然了，HTML文件一直引用最近更新的樣式單，而不必每個(gè)每個(gè)HTML文件進(jìn)行整理，你說(shuō)是不是挺方便的呀！特別提醒一下，如果你想建立自己的網(wǎng)站，這方面不可忽視喲，如果在建站之初沒(méi)有網(wǎng)站風(fēng)格的統(tǒng)一規(guī)劃并形成CSS文件，以后內(nèi)容一多，想調(diào)整一下風(fēng)格會(huì)累死你的。
二、內(nèi)部文檔頭方式
這種方式與外部文件方式區(qū)別在于這種方式是將風(fēng)格直接定義在文檔頭<Head></Head>之間，而不是形成文件。這種風(fēng)格定義產(chǎn)生作用的范圍也只局限于本文件，其格式如下(套用上邊的CSS)
| <Style Type="text/css"> <!-- P{font-family:'宋體'; font-size:9pt; color:blue} H2{font-family:‘宋體’; font-size:13pt; color:red } --> </Style> |
如果在DreamWeaver中用Styles來(lái)書寫，以上一些代碼會(huì)自動(dòng)生成的。 這種方式的主要用處是，在一些方面統(tǒng)一風(fēng)格的前提下，可針對(duì)具體頁(yè)面進(jìn)行具體調(diào)整。這兩種方式并不相排斥，而是相互結(jié)合，比如在CSS文件中定義了P標(biāo)志的字體大小font-size為10pt,而在內(nèi)部文檔中可定義P標(biāo)志字體顏色font-color為Red;而在另一個(gè)HTML文件中定義顏色為Green，從這里，你也可能明白為什么風(fēng)格樣式單叫層疊式樣單了。
三、直接插入式
直接插入式很簡(jiǎn)單，只是在每個(gè)HTML標(biāo)志后書寫CSS屬性就可以了。這種方式很直接，如我們想規(guī)定一個(gè)Table標(biāo)志中的字為紅色，字體大小為10pt，則可書寫如下：
<Table style="color:red;font-size:10pt">
這種方式主要用于對(duì)具體的標(biāo)志做具體的調(diào)整,其作用的范圍只限于本標(biāo)志。
綜上所述，這幾種方式各有用途，在統(tǒng)一整個(gè)站點(diǎn)風(fēng)格上，用第一種方式；在整個(gè)頁(yè)內(nèi)風(fēng)格統(tǒng)一上，用第二種方式；而在頁(yè)內(nèi)某個(gè)標(biāo)志的具體微調(diào)上，第三種方式也有用武之地，所以各有千秋吧！前兩種的目的在于一是統(tǒng)一風(fēng)格，二是減少繁瑣的標(biāo)志屬性設(shè)置，真是功不可沒(méi)喲!
聯(lián)系客服
