HTML&CSS基礎-外部樣式表
作者：尹正傑
版權聲明：原創作品，謝絕轉載！否則將追究法律責任。
一.如下圖所示，有2個文件
p {
color:pink;
font-size:40px;
}
二.demo.html代碼
<!DOCTYPE html> <html> <head> <title>尹正傑的網頁</title> <meta charset="utf-8"/> <!-- 還可以將樣式編寫到外部CSS文件中，然后通過link標簽將外部的css文件引入到當前頁面中 這樣外部文件中的css樣式將會應用到當前頁面中。 將CSS樣式統一編寫到外部的樣式表中，有以下特點: 完全使結構和表現分離，這樣使樣式表可以在不同頁面中使用; 最大限度的使樣式可以進行復用，將樣式統一寫在樣式表中，然后通過link標簽引入，可以利用瀏覽器緩存加快用戶訪問的速度以提高了用戶體驗,所以在開發中我們最推薦使用的方式就是外部的CSS文件。 舉個例子: 假如瀏覽器打開了5個頁面，而且這5個頁面同時都需要訪問2M的CSS文件中的樣式。 如果每個網頁都將樣式表定義到自己的網頁中那么這2M的CSS文件均是相互獨立的，每個人都不會相互影響,當用戶訪問這5個網站時會重復下載5次2M相同的CSS樣式代碼，這樣既占用了多余的帶寬也讓用戶感覺不到網頁很快，因此，我們可以將這公共的2M的CSS文件抽取出來，當第一個頁面訪問了2M的CSS中的樣式時會自動下載到本地緩存一段時間，當第二個，第三個，...第五個頁面訪問時你會發現很快，因為大家都公共用了這2M的CSS文件，無形中節省了8M的帶寬呢，而且還增加的用戶的體驗。 --> <link rel="stylesheet" type="text/css" href="./style.css"/> <head> <body> <!-- 雖說font標簽可以將字體設置為紅色，但我們並不推薦這樣使用，而是推薦使用css來修飾。 --> <h1>我的博客地址:<font color="red" size="7">https://www.cnblogs.com/yinzhengjie/</font></H1> <p><<靜夜思>></p> <p>窗前明月光，疑是地上霜</p> <p>舉頭望明月，低頭思故鄉</p> </body> </html>
三.瀏覽器打開以上代碼渲染結果
