CSS的笔记（CSS的三种写法及常见的三种选择器）
1.CSS 层叠样式表 也就是说用我们的html网页来做美化效果的
css就是给我们标签做美化的
2.CSS的三种写法
(1).内联样式（行内式），语法“<标记名 style="属性:属性值;">”
格式： <div style="width:200px;height:200px;border:1px solid red;">这是一个盒子</div>
(2).内部样式（内嵌式/嵌套式），语法“元素名{属性:属性值;}”
是写在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).外部样式（外联模式）。
<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)标签选择器
<html>
<head>
<title>css的三种选择器</title>
<style type="text/css">
p{font-size:30px;color:red}（这里是p标签）
div{width:200px;height:300px;background:yellow;}
</style>
</head>
<body>
<p>这是一个p标签</p>
<div>这是一个div标签</div>
</body>
</html>
补充:p标签
p 段落标记<p></p>也就是说这个标签是自动换行的，但是这个标签是段落标签，不是换行标签（<br/>） 块级标签
注意块内标签（不能自动换行） 块级标签（可以自动换行）
(2)id选择器
<html>
<head>
<title>css的三种选择器</title>
<style type="text/css">
#bbb{color:green;}
</style>
</head>
<body>
<b id="bbb">这是一个加粗标签</b>
</body>
</html>
(3)类选择器
<html>
<head>
<title>css的三种选择器</title>
<style type="text/css">
.aaa{text-decoration:underline;}
</style>
</head>
<body>
<a class="aaa">这是一个a标签</a>
</body>
</html>
4.CSS的语法
属性1：属性值1；
属性2：属性值2；
