Hello Cnblogs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>郭</title>
<link rel="stylesheet" type="text/css" href="css/main2.css">
</head>
<body>
<div class="a1"> <a href="https://www.lagou.com/" class="g1"><img src="https://lagou-zhaopin-fe.lagou.com/fed/lg-passport-fed/image/20210628/1624876721800.png" height="100%" width="100%">
</a></div>
<div class="a2">
<div class="b2"><div id="aa"></div></div>
</div>
</body>
</html>
ody{
position: relative;
padding: 0;
margin: 0;
}
.a1{
padding: 0;
margin: 0;
height: 360px;
width: 100%;
background: #00b38a;
}
.g1{
position: absolute;
top: 94px;
right: 51.9%;
height: 24px;
width: 314px;
}
.a2{
position: relative;
margin: -205px auto 60px ;
border: 1px solid #dce1e6;
padding: 62px 70px 68px 78px;
height: 323px;
width: 552px;
background: #fff;
}
.b2{
position: absolute;
top: 6px;
left: 6px;
cursor: pointer;
}
#aa{
width: 52px;
height: 52px;
background: url(//www.lgstatic.com/lg-passport-fed/static/common/static/img/qrcode-normal_bb3ab97.svg) left center no-repeat;
float: left;
}
1.一个网页的模仿需要先进行结构框架的构建
2.制作大型网页时尽量使用外部css，这样会使代码显得不那么繁琐
3.
meta是元标签，无实际意义，等号左边是属性，右边是属性值
chatset：编码格式
utf-8：几乎包涵了两百多种语言里的所有字符
4.css:层叠样式表
特点：
1继承性，继承父级的某些样式
2层叠性，可被后来者覆盖
5.css优先级：
1.后来者居上，越往后越说了算；
2.id>标签,class>标签,id>class
3. !important优先级最最高，不到迫不得已不要用
浙公网安备 33010602011771号