2022-07-10 day03 第一小组 王鸣赫

目录

• 优先级：行内选择器
• css层叠性：
• link
• 字体
• 背景

优先级：行内选择器

(行内不受其他影响，其他选择器样式多余的可以层叠)>id选择器>类选择器>标签选择器

css层叠性：

最终选择原则：选择多个类的同种样式，只有最后写的那个样式会生效

position：absolute：脱离文档流（脱离文档流就像是飘在了页面上方，会盖住其他东西），在页面之上（不在占据网页内的位置）定位参照父级元素---------------绝对定位（肯定有一个父级元素设置为position：relative）
position：relative：没脱离文档流，占据页面位置-----------------相对定位
position: fixed (固定定位) ?元素一直固定在一个位置无论滚轮滚到哪
z-index //使用场景：当定位的盒子重叠在起，设置显示层级越高的越显示在上面

link

a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻

点击查看代码

      a:link{
            color: aqua;
        }
        a:hover{
            color: blueviolet;
        }
        a:visited{
            color: tomato;
        }
        li:nth-child(2){
            color: chartreuse;
        }

字体

点击查看代码

       div{   
            /* 字体大小 */
            font-size: 100px;
            /* 样式 */
            font-family: 宋体;
            /* 行高 */
            line-height: 200px;
            /* 粗细 */
            font-weight: bold;
            /* 修饰 */
            text-decoration: underline;
        }

背景

点击查看代码

   div{
            height: 200px;
            width: 200px;
            /* 背景颜色 */
            background-color: beige;
            /* 图片 */
            background-image: url();
            background-repeat:
            /* 简写 */
            
        }

已掌握
今日学习了很多css知识

__EOF__

本文作者：404notfond
本文链接：https://www.cnblogs.com/wmh19990109/p/16472161.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！