使用外部CSS樣式表可以為網站提供統一的樣式風格,方便維護和修改。在HTML文檔中引用外部CSS樣式表需要使用標簽,在標簽中添加標簽引用樣式表,具體用法如下:
首先,在
標簽中添加標簽:<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
其中,rel屬性是鏈接類型,type屬性是文檔類型,href屬性是鏈接地址。這里,rel和type屬性值不需要修改,href屬性值需要指向你自己的樣式表文件。
然后,在同級目錄下創建一個CSS樣式表文件,并在文件中定義CSS樣式:
/*樣式表文件 style.css*/ body { margin: 0px; padding: 0px; background-color: #F3F3F3; } h1 { font-size: 36px; color: #333333; text-align: center; }
注意,在樣式表文件中定義的樣式名要與HTML標簽中使用的class或id名稱相同。
最后,在HTML中使用定義好的class或id名稱調用樣式:
<body> <h1 class="title">歡迎來到我的網站!</h1> </body>
在上面的例子中,class屬性值為“title”,與樣式表文件中定義的樣式名相同。當HTML文檔加載時,樣式文件會被同時加載,從而實現頁面風格的統一。