陈柏安-20201028

一.选择器
1.标签选择器：选择器名称与HTML标签相同；凡是和选择器名称一样的HTML标签都适用这个样式
    格式：选择器名称（标签名）{
                宽度：数值；
             高度：数值；
            背景颜色：紫色；
            }

2. id选择器：在选择器名称前面加#
    格式：#id名{
             宽度：数值；
             高度：数值；
            背景颜色：绿色；
            }
    

3. 通用选择器（适用于所有标签）
    格式：*{
                属性：属性值；
               属性：属性值；
              }
4.类选择器：选择器名称前加.  
     格式同上
    
后代选择器：在后代选择器中，空格代表后代
选择器的优先级：后代选择器大于id选择器 大于class选择器 大于标签选择器

5.伪类选择器
        a:hover{/*鼠标悬停状态*/
            text-decoration:none;
            }
            


二.背景修饰
    background-color: red;                                背景颜色
    background-image: url(img/favicon.ico);    背景图片
    background-repeat: no-repeat;                    设置背景图片不重复
    background-size: 100px 100px;                  设置背景图片大小
    background-size:cover;                               设置背景图片充满盒子
    background-position-x: 150px;                   背景图x轴方向位移
    background-position-y: 100px;                   背景图y轴方向位移
    还有滚动页面，图标一起滚动，记得不是很清楚。

三.文本样式
    颜色 color: red;   /*颜色*/
    大小font-size: 20px;  /*字体大小*/
    字体font-family: "宋体";   /*字体*/
    粗体font-weight: 700;    /*字体粗细*/
    间距letter-spacing: 10px;   /*文字间距*/
    

 透明度
    opacity: 0.3（ 0是完全透明，1是完全不透明）
    background-color: rgba(215,215,215,0.3)（红绿蓝的颜色占比和透明度）
    

心得体会：今天认真听课，觉得教的东西非常多也非常实用，我相信学好这个一定会受益良多。