CSS初級入門:樣式表的外部調用

來源:互聯網
上載者:User
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>


相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.