开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第7天，点击查看活动详情
1.css简介
1.1 css语法规范
h1 //选择器 {
color:red; font-size:25px; //声明
}
1）选择器是用于指定css样式的html标签，花括号内是对该队行动设置的具体样式；
2）属性和属性值以“键值对”形式出现；
3）属性是对指定对象设置的样式属性，例如字体大小、文本颜色等；
4）属性和属性值之间用英文“：”分开；
5）多个“键值对“之间用通过英文”：“区分。
1.2 css代码风格
h3 {
color: blue;
}
1）属性值前面，冒号后面，保留一个空格
2）选择器标签的大括号中间保留空格
2.css基础选择器
2.1 css基础选择其的作用
选择器就是根据不同需求把不同的标签选出来，简单来说，就是选择标签用的
2.2 选择器分类
1）基础选择器：基础选择器由单个选择器组成，包括标签选择器，类选择器，id选择器，通配符选择器
2）符合选择器
2.3 标签选择器
标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签制定统一的css样式
标签名{
属性1：属性值；
属性1：属性值；
属性1：属性值；
属性1：属性值；
...
}
作用：把某一个标签全部选择出来
优点：快速进行统一设置
缺点：不能设计差异化样式
2.4 类选择器
<head>
<style>
.red { //类选择器
color: red;
}
.gao {
width: 100px;
background-color: green;
}
</style>
</head>
<body>
<div class="red gao"> 小王 </div>
</body>
注意
1）类选择器前需要使用"."符号进行标识，后面紧跟类名（自定义）；
2）需要进行修改的标签中加 class="类名"；
3）不要使用纯数字、中文等进行命名，尽量使用英文字母进行表示，命名要有意义，方便操作
多类名使用
1）class属性中写多个类名
2）每个类名使用空格分开
3）多类名修饰后此标签具有所有类名对应的样式
2.5 id选择器
</head>
<style>
#green {
color: green;
}
</style>
</head>
<body>
<div id="green"> 小王 </div>
<div id="green"> 123456 </div>
</body>
注意
1）id选择器前需要使用"#"符号进行标识，后面紧跟类名（自定义）；
2）需要进行修改的标签中加 id="类名"；
id选择器和类选择器的区别
1）类选择器可以多次使用，id选择器只能使用一次
2）id选择器一般用于网页唯一性的元素上，经常和 Javascript 搭配使用
2.6 通配符选择器
<head>
<style>
* {
color: red;
}
</style>
</head>
<body>
<div> 小王 </div>
<div> 小周 </div>
</body>
1）通配符选择器不需要调用，自动就给所有的元素使用样式
2）特殊情况下才使用
