CSS的4種引入方式


1.直接引用,將style作為標簽的屬性

2.將style寫為標簽作為head的一部分

3.通過<link>引入css外部文件

4.通過import 導入css外部文件

for example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--引入css的第2種方式: div---通過選擇器選擇的標簽,color---屬性名,red--屬性值-->
<!--<style>-->
<!--div{-->
<!--color:red;-->
<!---->
<!--}-->
<!--</style>-->
<!--引入css的第3種方式-->
<!--<link type="text/css" href="css_text.css" rel="stylesheet">-->
<!--引入css的第4種方式-->
<style>
@import 'css_text.css';
</style>


</head>
<body>
<!--引入css的第一種方式-->
<p style="color:red;background-color:black">hello p</p>
<div>hello div1</div>
</body>
</html>
========================================================================================
文件名為"css_text.css"的css文件
div{
color:blue;
background-color: green;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM