css概念
層疊樣式表
css作用
- html的作用是負責格式化展示，若使用html來進行數據的展示，則會出現樣式書寫起來太過麻煩，不益於維護，不能重復使用
- html可以有效組織數據的展示，但是不同類型數據在瀏覽器中的分布沒有辦法實現
- css在html的基礎上，專門來給網頁進行樣式開發，給網頁進行布局
特點
-
語言簡單
-
開發的樣式可以重復
css的聲明
因為css依附於html生存。所以要讓瀏覽器知道從哪開始用css的格式解讀，所以要對他進行聲明一個代碼域
- 可以聲明在head中，不過是公用的
<html>
<head>
<title>css的聲明</title>
<meta charset="UTF-8"/>
<!--聲明css代碼域-->
<style type="text/css">
<!--標簽{}-->
hr{
width:50%;
}
</style>
</head>
<body>
<h3>css的聲明</h3>
<hr />
<hr />
<!--兩條水平線都是一樣的效果-->
</body>
</html>
- 也可以直接寫在標簽里
只會作用於此標簽
<hr style="background-color:blue"/>
3. 在head標簽中使用link引用外部聲明好的css文件
此聲明相當於調用，解決了不同網頁間樣式重復使用的問題
只用聲明過一次，可以隨時使用
hr{
width:50%;
height:20px;
color:red;
background-color:red;
}
<!--在head中寫link標簽，href="文件名"-->
<link rel="stylesheet" type="text/css" href="hr.css"/>
注：3者同時作用在一個標簽上，先執行1，在執行3，最后執行2