外部呼叫

 

【外部呼叫的優點】

為什麼要把CSS宣告做成一個CSS檔呢?這樣有什麼好處哩?有!第一個好處,網頁處理速度會快一點,尤其在很多網頁共用一份CSS表時更好用!因為您不用每一頁網頁都擺同樣的CSS碼,網頁自然就會瘦一點、輕快一點。

第二個好處是,可以防止一些電腦程度較低的使用者直接看到CSS語法(就是有人不喜歡被看見語法咩...),當然,工友指的是無法直接看到,而非無法看到,稍微有點道行的,要查看CSS檔的內容簡直易如反掌。

第三個好處當然就是維護方便啦!您只要修改一個CSS檔,不管您有幾千篇網頁,都會以您最新修改的版本為準!

【動手做CSS檔】

說了半天,應該還是有人滿臉問號,沒關係,咱們動手做一做就可以很容易了解了!我們仍然拿『精美字體』的CSS表來作範例。

首先,我們將原來宣告中的<style type="text/css"></style>拿掉(CSS檔裡,不需這兩個標籤...因為,瀏覽器看副檔名是css就知道這是一個css檔了),然後利用任一文字編輯軟體輸入以下的語法(相信聰明的您應該會用剪下--複製的方法吧!)
body{font-size:9pt}

接著將之存檔,檔名隨便,但副檔名請存成css,於是工友將之存成my_css.css,並放置於和網頁同一目錄下(也就是說您的網頁檔案放在C:\www,那麼也請您把CSS檔同樣放在C:\www中即可)。

【從網頁呼叫CSS檔】

做好CSS檔後,咱們就來呼叫看看吧!呼叫的方法有兩種,第一種是用<link>標籤來作連結呼叫,方法如下:
<html>
<head>
<title>CSS外部呼叫範例</title>
<link rel=stylesheet type="text/css" href="my_css.css">
</head>
<body>
...網頁內容...
</body>
</html>

這樣就可以囉!看看範例

【另一種方法呼叫CSS檔】

另外一種方法,應該說是『匯入』CSS表比較貼切,方法如下:
<html>
<head>
<title>CSS外部呼叫範例</title>
<style type="text/css">
@import url(my_css.css);
</style>

</head>
<body>
...網頁內容...
</body>
</html>

這樣就可以囉!看看範例


Established since: March 28, 2003
All the design R 2003 by Admin