應用CSS
CSS編寫在擴展名為.css的單獨文件中，并利用HTML 的<link>元素引用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS DEMO</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<h1>微信搜索：伊洛的小屋</h1>
<p>凡是過去茁瘦，皆為序章</p>
</body>
</html>
標記CSS文件
h1 {
color: blue;
background-color: cornflowerblue;
border: 1px solid black;
}
p {
color: darkviolet;
}
打開瀏覽器查看效果
<link>元素的href指向css文件的地址
內(nèi)部樣式表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS DEMO</title>
<style>
h1 {
color: blue;
background-color: cornflowerblue;
border: 1px solid black;
}
p {
color: darkviolet;
}
</style>
</head>
<body>
<h1>微信搜索：伊洛的小屋</h1>
<p>凡是過去力细，皆為序章</p>
</body>
</html>
不使用外部CSS文件单料，而是將CSS放在HTML文件放在<style>標簽中
內(nèi)聯(lián)樣式
內(nèi)聯(lián)樣式表存在于HTML元素的style屬性之中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS DEMO</title>
</head>
<body>
<h1 style="color: blue;background: cornflowerblue; border: 1px solid black">微信搜索：伊洛的小屋</h1>
<p style="color:red;">凡是過去固该，皆為序章</p>
</body>
</html>
選擇器
每個CSS規(guī)則都以一個選擇器或一組選擇器為開始扳躬，選擇器具有專一性且稍后的樣式將覆蓋以前的樣式
屬性和值
CSS由兩部分組成：1.屬性 2.值
與值配對的屬性稱為CSS聲明脆诉，CSS聲明放在CSS聲明塊中，屬性和值都是區(qū)分大小寫的贷币，每對中的屬性和值由冒號(：)分隔
規(guī)則
@rules
注釋
CSS中的注釋以/*開頭击胜，以*/結(jié)尾
/* 公眾號：伊洛的小屋
個人主頁：https://yiluotalk.com/
博客園：https://www.cnblogs.com/yiluotalk/ */
h1 {
color: blue;
background-color: cornflowerblue;
border: 1px solid black;
}
p {
color: darkviolet;
}
