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>


相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。