陈柏安-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)(红绿蓝的颜色占比和透明度)
    

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

标签

评论

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