css核心语法
选择器{
属性名1：属性值1；
属性名2：属性值2；
属性名3：属性值3；
}
选择器
1，标签选择器
标签{}
2，类选择器（前面加上点）
.类名{}
标签.类名{}
标签的类名通过class属性指定
a,可以给多个标签指定同一个类名 class="xx"
b,也可以给一个标签指定多个类，中间空格隔开 class="xxx xxx"
3，id选择器
#id名{}
一般id名是不相同的，通过id属性指定某个标签的id，id就相当于我们每个人的身份证，是唯一的。
一个html元素只有一个id，不同元素的id是不相同的。
优先级 id选择器 > 类选择器 >标签选择器
其他时候 ： 就近原则
注意：
一个标签可以既指定class也指定id。
class和id的值是区分大小写的。
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>css语法</title>
<style type="text/css">
/*
选择器{
属性名1:属性值1;
属性名2:属性值2;
属性民3:属性值3;
}
*/
/* 1。标签选择器 */
div{
font-size:12px;
}
/* 2，类选择器 */
.one{
color:blue;
}
.two{
color:green;
}
/* 3，id选择器 */
#header{
font-family:幼圆;
font-size:20px;
}
#nav{
font-size:20px;
}
</style>
</head>
<body>
<!-- 注释 -->
<div class="one" id="header">我是第1个div标签里面的内容</div>
<div class="two" id="nav">我是第2个div标签里面的内容</div>
<div class="one">我是第3个div标签里面的内容</div>
<p class="one">我是p标签里面的内容</p>
</body>
</html>
