DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS初級入門:樣式表的外部調用
CSS初級入門:樣式表的外部調用
編輯:CSS進階教程     

外部引用的優點

為什麼要把CSS聲明做成一個CSS文件呢?這樣做的好處有三個。

第一個好處,網頁處理速度會更快一些,尤其在有很多網頁共用一份CSS樣式表時更為好用!因為你不用為每一頁都寫同樣的CSS代碼,網頁自然就會更瘦一些輕快一些。

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

第三個好處當然就是維護方便了!你只要修改一個CSS文件,不管你有幾千個網頁文件,都會以你最新修改的版本為准了!

開始動手做CSS文件

首先,我們將把原來聲明中的<style type="text/css"></style>去掉(CSS文件裡不需要這兩個標簽,因為,浏覽器看到擴展名為css就知道這是CSS文件了),然後利用記事本程序把下面代碼粘貼過去。

body{font-size:9pt}
然後將它保存,文件名的擴展名為.css,在這裡可以保存為style.css,並和網頁放在同一目錄下。

在網頁中調用 CSS 文件

做好CSS文件後,下面我們就該在網頁中調用了,調用的方法如下所示:

<head>
<title>CSS外部調用示例</title>
<link href="style.css" rel=stylesheet type="text/css">
</head>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved