陈霞-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;/*首行缩进*/

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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1