这是我参与「第四届青训营 」笔记创作活动的第3天
为了简单快速地掌握一些基础知识，结合在其他网站的学习了解，对其进行了一系列的整理
通过对前端学习后，我顺便发现对掘金文章如何更加整洁的技术有了提升
CSS定义
CSS:(Cascading Style Sheets）层叠样式表。
作用：更改标签的属性，为了更好的实现某种效果
CSS语法
选择器{属性名:属性值;属性名:属性值;}
例:
div{
width:200px;
height:300px;
}
注意：当一个属性中有多个属性值时,属性值之间需要用空格隔开
例：
div{ border: 5px solid skyblue; }
其中：border: 边框粗细/线型/线颜色
CSS选择器（下一章进行详细总结）
元素选择器：以标签名作为选择添加属性 如：p/a/img/div...
类选择器（一般用class)
id选择器：网页的证件号码,具有唯一性。(在js中体现)
群组选择器： 不同标签想改成相同的效果
包含选择器：（也可以理解为父子关系） 两个标签属于包含关系
伪类选择器：主要用来制作鼠标滑过效果
通配符：⻚⾯中所有的标签包含body在内，⼀般都是⽤来重置样式使⽤
CSS三种引入方式
1、内联样式表(行内样式表)
对象：单个标签进行更改
方法：在html标签中添加style="属性"，在属性里面添加效果
例：
<div style="属性"> </div>
2、内部样式表
对象：相同的标签进行全部更改
方法：在head标签中添加一个，再添加选择器实现效果
例：
<style>
div{
width:200px;
height:300px;
}
</style>
3、外部样式表
在head标签中添加单标签链接相应的css文件
例：<link rel="stylesheet" href="css/文件名称" />
其中：rel:文件格式
href：css文件路径
快速实现方法：在html中输入link,然后再按Tab或者Enter键
CSS常用属性
color：字体颜色
font-size：字号大小
width：宽度
height：高度
background-color：背景颜色
border：边框
