陈霞-20201028

一、知识总结
1./*类选择器*/
.box{
    width:300px;
    height:200px;
    background-color:red;
   }
2./*标签选择器*/
h1{
    width:300px;
    height:200px;
    background-color:#11aabb;
   }
3./*id选择器*/（优先级最高）
#box{
    width:300px;
    height:200px;
    background-color:#123;
}
4./*后代选择器*/(只要有包含关系,打空格就行)
.box ul li{
    color:yellow;
}
5./*伪类选择器*/(鼠标悬停状态)
a:hover{
    text-decoration: none;
} 
6./*通用选择器*/(优先级最低,修饰所有的标签,都能被选用)
*{
    margin:0;/*外边距*/
    padding:o;/*内边距*/
    border:0;/*边框*/
    
}
7.hover:鼠标悬停状态     ctrl+1:注释
8. #fff:白色
9.颜色：color: rgb(255,0,0)是红色；  color：rgb(255,255,255)是白色；  color:rgb(0,255,255,0.3)其中的0.3是透明度，为0时全透明。
图片：opacity: 0.2;/*透明度*/          background-color: transparent (背景全透明)      background-size: cover;/*背景图片的大小*/
color： red;/*修饰字体的颜色*/       font-size: 30px;/*修饰字体的大小*/                 font-family:"宋体";/*字体的类型*/                  font-style: italic;/*字体的样式*/       font-weight: bold;/*字体加粗*/                     letter-spacing: 5px;/*字体间距*/                     text-align: center;/*对齐方式*/        line-height: 300px;/*行高*/                          text-decoration: overline;/*文本划线*/             text-shadow： 2px 2px 3px yellow;/*字体阴影*/                                               text-indent: 2em;/*首行缩进*/

二、心得体会
通过今天的学习，我认识了六个选择器，知道了它们的功能与优先级，也看到了老师为我们演示的情况，感觉很有趣，从开始的一无所知到现在有所了解，欣喜的是学到了真正的、实用的知识，遗憾的是感觉学的有点晚了。虽然感兴趣，但是英语基础太差，能听懂老师讲的是啥，但是手和脑都能跟上老师的节奏还是有点难度，由于自己的电脑下午出了点故障，无法运行，就比较烦躁，但是收获还是有的，今后需要我多练习，多总结，多记忆，才能学的扎实，我会继续努力的。