CSS的筆記（CSS的三種寫法及常見的三種選擇器）
1.CSS 層疊樣式表 也就是說用我們的html網(wǎng)頁來做美化效果的
css就是給我們標(biāo)簽做美化的
2.CSS的三種寫法
(1).內(nèi)聯(lián)樣式（行內(nèi)式），語法“<標(biāo)記名 style="屬性:屬性值;">”
? ?格式：? <div style="width:200px;height:200px;border:1px solid red;">這是一個盒子</div>
(2).內(nèi)部樣式（內(nèi)嵌式/嵌套式），語法“元素名{屬性:屬性值;}”
是寫在head里面，title下面的
<head>
<title>css介紹</title>
<style type="text/css">
#aaa{width:400px;height:500px;border:2px? solid blue}
</style>
</head>
<body>
<div id="aaa"></div>
</body>
(3).外部樣式（外聯(lián)模式）。
<title> CSS的介紹</title>
<link rel="stylesheet" rev="stylesheet"? ?href="abc.css">
在另外一個“abc.css”的文件夾里面：
#bbb{width:200px;height:200px;background:black;}
3.font-size CSS 屬性指定字體的大小。
4.三種常見的選擇器
(1)標(biāo)簽選擇器
<html>
<head>
? ? ? ? ? <title>css的三種選擇器</title>
? ? ? ? ? ?<style type="text/css">
? ? ? ? ? p{font-size:30px;color:red}（這里是p標(biāo)簽）
? ? ? ? ? div{width:200px;height:300px;background:yellow;}
? ? ? ? ?</style>
</head>
<body>
? ? ? ? ? <p>這是一個p標(biāo)簽</p>
? ? ? ? ? ?<div>這是一個div標(biāo)簽</div>
</body>
</html>
補充:p標(biāo)簽
p ??段落標(biāo)記<p></p>也就是說這個標(biāo)簽是自動換行的，但是這個標(biāo)簽是段落標(biāo)簽，不是換行標(biāo)簽（<br/>） ?塊級標(biāo)簽
注意塊內(nèi)標(biāo)簽（不能自動換行） 塊級標(biāo)簽（可以自動換行）
(2)id選擇器
<html>
<head>
? ? ? ? ? <title>css的三種選擇器</title>
? ? ? ? ? ?<style type="text/css">
? ? ? ? ?#bbb{color:green;}
? ? ? ? ? </style>
? </head>
<body>
? ? ? ? ? ?<b id="bbb">這是一個加粗標(biāo)簽</b>
</body>
</html>
(3)類選擇器
<html>
<head>
? ? ? ? ? <title>css的三種選擇器</title>
? ? ? ? ? ?<style type="text/css">
? ? ? ? .aaa{text-decoration:underline;}
? ? ? ? ? </style>
</head>
<body>
? ? ? ? ? ?<a class="aaa">這是一個a標(biāo)簽</a>
</body>
</html>
4.CSS的語法
屬性1：屬性值1；
屬性2：屬性值2；
