梁贺寄-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";

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

标签

评论

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