學習CSS提示教程(3)外部調用

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


  簡單吧!呵呵!我們在以後的文章中會一步一步深入介紹的!請您繼續關注網頁教學網,我們的網址是:http://www.webjx.com

  下一節:單獨使用



相關文章

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.