css定义,偏移量,相对定位,绝对定位
显示与隐藏
二维码相对于微信图标定位
鼠标悬停微信图标上显示
鼠标离开微信图标时隐藏
什么是定位,就是定义网页标签在运行时显示的位置
css提供Position属性用于指定元素在网页中定位的方式
background-position: 设置背景图片的显示位置
子绝父相
image.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
padding:0;
margin:0;
}
.box1{
width:500px;
height:500px;
background:green;
}
.box2{
width:200px;
height:100px;
background:red;
/*此处填写代码*/
position: absolute;
left: 150px;
top: 200px;
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
</body>
</html>
五种基本选择器
伪类选择器
image.png image.png image.png
层级选择器
image.png image.png image.png image.pngimage.png image.png image.png image.png image.png
代码编写规范,项目开发思路
web前端基础知识,PC端开发,小程序开发,主流框架,移动端开发
image.png
外卖,小程序,电商
项目的标准化,代码的规范化,开发流程化
image.png
坚持
学习方法
良好的心态
请点赞!因为你们的赞同/鼓励是我写作的最大动力!
欢迎关注达叔小生的简书!
这是一个有质量,有态度的博客
博客
网友评论