您好,登錄后才能下訂單哦!
html中如何引入css,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引入CSS的四種方式</title>
<style type="text/css">
/*h3{ color:white;background-color:blue;}*/
/*要想使網頁內的CSS生效,必須注釋下一行代碼*/
@import "import.css";
</style>
<link href="alone.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2 >標簽內的CSS</h2>
<h3>網頁內的CSS</h3>
<h4>link引用的CSS文件</h4>
<h5>import引用的CSS文件</h5>
<p>link引用和import引用區別是:link是html加載前就引用,而import是html加載后才引用。舉例,采用impor引用,會先顯示無樣式的頁面,然后再把樣式放進去。如果用JavaScript動態引用CSS,得使用link引用方式才可實現。</p>
</body>
</html>
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。