學習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

  下一節:單獨使用



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。