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   xiaoluoke  阅读(50)  评论(0)  编辑  收藏  举报

编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示