day20210218土豆

day20210218回顾之前知识

 

类名点定义样式，id是#定义样式。

能够看懂代码。

能做出项目，就是找工作。不能做出项目就不找工作。

<!--
 * @,@Author: ,: your name
 * @,@Date: ,: 2021-02-19 02:20:37
 * @,@LastEditTime: ,: 2021-02-19 02:39:35
 * @,@LastEditors: ,: Please set LastEditors
 * @,@Description: ,: In User Settings Edit
 * @,@FilePath: ,: \day9_20201207\demo16tudou3.html
 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .tudou {
            position: relative;
            width: 500px;
            height: 300px;
            margin: 30px auto;
            background: red;
        }
        /* 出1000个错误，就能找到规律 */
        
        img {
            width: 100%;
            height: 100%;
        }
        
        .mask {
            display: none;
            /* 子绝父相 */
            /* 绝对定位和相对定位的区别? 
            个人的理解。相对定位：在原位置上占用空间，可以设置浮动的上下位置。绝对位置：在原位置上，不占用空间，设置位置会以整个页面为标准。
一.相对定位
相对定位是一个非常简单容易掌握的概念，如果对一个元素进行相对定位，他将出现在其他所在的位置上。
然后，可以通过设置垂直或水平位置，让这个元素“相对于”他的起点进行移动。如果将top设置为20像素，那么框将出现在原来位置顶部下面20像素的地方。
如果将left设置为20像素，那么会在元素左边创建20像素的空间，也就是将元素向右移动。
二.绝对定位
相对定位实际上被看做普通流定位模型的一部分。因为元素的位置相对于它在普通流中的位置。
与之相反，绝对定位使元素的位置与文档流无关，因此不占据空间。普通文档流中其他元素的布局就像绝对定位的元素不存在时一样。*/
            position: absolute;
            width: 100%;
            height: 100%;
            /* Q:  url是什么意思？ 在WWW上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫URL（Uniform Resource Locator,统一资源定位符），
它是WWW的统一资源定位标志，就是指网络地址。*/
            /* 初级程序员一天300行代码，中级程序员600行代码，高级程序员一天1000行代码。 */
            background: rgba(0, 0, 0, .4) url(./images/img.png) no-repeat center;
        }
        /* 鼠标经过框的时候，遮盖框出现。榨菜配白粥。 */
        
        .tudou:hover .mask {
            display: block;
        }
    </style>
</head>

<body>
    <div class="tudou">
        <div class="mask"></div>
        <img src="./images/img.png" alt="">
    </div>
</body>

</html>

绝对定位position:absolute;  绝对定位不占用位置。

相对定位position:relative;相对定位占用位置。

学成在线。结构永远比样式重要。结构html，样式css

 

 

 

 

 

 

 

 

 

 

一直都有的东西别人不会珍惜，一会突然有的 东西别人会很珍惜。

记笔记，宁缺毋滥。

记笔记，好记性不如烂笔头。

对专业知识保持好奇心。不要对所有的东西保持好奇心，因为好奇害死猫，确实是的。

自己有事情做，事业一直要放在心上，才能成为更好的自己。有自己才有其他。没钱什么都不成立。充分必要条件。备好钱，98%的事情都可以解决。

 

 

 

 

 

白色米色黑色短袖 蓝色牛仔裤 帆布鞋，极好的。

时间有的，每一天的时间学门技术。不急不躁。每个人都是家里的宝贝。

认真的人最好看！最帅！认定了一个人就不变了。

坚定自己的学习的立场，把它当做我高中不会的物理不会的数学，最后还是通过做题花心思花功夫。做个正能量的人。正能量会传递的。

出去打工，首先学会smlie，微笑，别人让我做，我不想做的事情那就不做，委婉拒绝，表明自己的立场坚定的立场没有犹豫+一句废话。我不想做呀，你找找别人做。强大自己是解决问题的唯一出路。

不喝奶茶，长肉。减肥。直背，不吃。

 

posted on 2021-02-23 19:50  xiaoluoke  阅读(49)  评论(0)  编辑  收藏  举报

导航