梁贺寄-20201028

课堂笔记：

1. CSS的选择器
1.1 样式选择器（div的括号分两行）
1.12 标签选择器：
        格式： div{
        （background-color: 颜色英文名;或者background-color: #16进制输入）
                        }

1.2 id选择器：
         格式：#id{
         
                                     }
                    
1.3 class选择器：
                    格式：.className{

              }
                                        
1.4 通用选择器（适用于所有标签）
                     格式：*{
                
          }
1.5 后代选择器 
                     格式：div ul li{
                
                   }
                
2. 外部样式：首先需要在项目管理器中新建一个css文件，然后在html文件中使用link标签引用外部的css文件
                 例 <link rel="stylesheet“="css/2.css" />
2.1 选择器的优先级别： id选择器 > class选择器 > 标签选择器     
    
2.2 背景修饰样式：
        background-color: #ff0000;                 背景颜色
        background-image: url(img/lhj.jpg);    背景图片
        background-repeat: no-repeat;           背景图片no重叠
        background-size: 1200px 1200px;       背景图片大小
        background-position-x: 140px;            背景图片向x轴方向位移（左负右正）
        background-position-y: 140px;            背景图片向y轴方向位移（上正下负）

2.3 透明度：opacity:（0-1）

2.4 内容滚背景不滚：div class="box";

心得体会：老师讲得生动，但还需要课堂外的辛苦学习练习，有输入才能有输出，活学活用，有困难才能有提升。