外部css樣式(也可稱為外聯式)就是把css程式碼寫一個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在
內(不是在< ;style>標籤內)使用標籤將css樣式檔案連結到HTML檔案內,如下列程式碼:注意:
1、css樣式檔案名稱以有意義的英文字母命名,如main.css。
2、rel="stylesheet" type="text/css" 是固定寫法不可修改。
3、標籤位置一般寫在
標籤之內。範例:
style.css
span{ color:red; font-size:20px; }
index.html
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>嵌入式css样式</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <p>php中文网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p> </body> </html>
以上是css外部樣式表怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!