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_20201207demo16tudou3.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; 500px; height: 300px; margin: 30px auto; background: red; } /* 出1000个错误,就能找到规律 */ img { 100%; height: 100%; } .mask { display: none; /* 子绝父相 */ /* 绝对定位和相对定位的区别? 个人的理解。相对定位:在原位置上占用空间,可以设置浮动的上下位置。绝对位置:在原位置上,不占用空间,设置位置会以整个页面为标准。
一.相对定位 相对定位是一个非常简单容易掌握的概念,如果对一个元素进行相对定位,他将出现在其他所在的位置上。
然后,可以通过设置垂直或水平位置,让这个元素“相对于”他的起点进行移动。如果将top设置为20像素,那么框将出现在原来位置顶部下面20像素的地方。
如果将left设置为20像素,那么会在元素左边创建20像素的空间,也就是将元素向右移动。 二.绝对定位 相对定位实际上被看做普通流定位模型的一部分。因为元素的位置相对于它在普通流中的位置。
与之相反,绝对定位使元素的位置与文档流无关,因此不占据空间。普通文档流中其他元素的布局就像绝对定位的元素不存在时一样。*/ position: absolute; 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,微笑,别人让我做,我不想做的事情那就不做,委婉拒绝,表明自己的立场坚定的立场没有犹豫+一句废话。我不想做呀,你找找别人做。强大自己是解决问题的唯一出路。
不喝奶茶,长肉。减肥。直背,不吃。