Web前端开发基础之CSS

1.开发环境准备：
参考文章：https://blog.csdn.net/qxyloveyy/article/details/104226399
2.基础样式讲解：
①CSS简介：
https://baike.baidu.com/item/CSS/5457?fr=aladdin
②标签
标签的具有封装的作用，可以通过添加属性来修改封装内容的样式；
例如：

<h1 align="center">
Hello World！
</h1><!--通过h1标签设置了Hello，World！的位置，在中间。-->

③类
类是一个抽象，作用是封装一系列代码需要的属性值，通过类的封装可以有效的减少代码量。
例如：

#header{
 height:150px;
 width:1300px;
 } /*通过'#'来声明header类，通过id来调用*/
#logo h3{
 padding:47px 0 0 20px;
 font-size:20px;
 color:#000000;
 font-family:"楷体"
 }/*通过'#logo h3'声明标签logo下的h3标签中的属性值，通过id来调用*/
 .sidebar ul{
 margin:0;
 padd