CSS 的三種樣式 內聯 內部 外部


CSS:層疊樣式表的縮寫 就是 Cascading Style Sheets

Cascading Style Sheets : 層疊樣式表

 

優先級問題 :遵守就近原則  內聯> 內部>外部

 

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>CSS AND HTML</title>
<style>

/* 2.內部方式使用*/
div{
font-size:40px;
/*font-family: "隸書";*/

}
p{
font-size: 20px;
}
#01>.02{
color: red;

}

/* 3.外部引用方式 位置在 head標簽里面 */
</style>
<link rel="stylesheet" type="text/css" href="../css/01.css"/>

</head>
<!-- CSS 使用方法 三種-->
<body>
<!-- 1.內聯方式使用CSS -->
<h1 style="color:red; background:black; font-size:30px;"> 內聯方式 直接在body內部中的標簽使用</h1>
<hr>
<div>探清水河</div>
<div>桃葉尖上尖</div>

<div>柳葉彎彎</div>

<p>難受 舒服</p>
<hr>

</body>
</html>

 


免責聲明!

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



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