132 lines
3.3 KiB
HTML
132 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>css 属性练习</title>
|
|
<style>
|
|
@font-face {
|
|
font-family: "TitilliumWeb";
|
|
src: url("./TitilliumWeb-Bold.ttf");
|
|
}
|
|
|
|
p {
|
|
color: red;
|
|
font-size: 30px;
|
|
font-weight: 600;
|
|
text-shadow: 4px -1px 6px #f5ff29;
|
|
letter-spacing: 15px;
|
|
font-family: TitilliumWeb;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.box {
|
|
width: 200px;
|
|
height: 200px;
|
|
background: yellow;
|
|
line-height: 200px;
|
|
text-align: center;
|
|
}
|
|
|
|
.test img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.input {
|
|
width: 300px;
|
|
height: 45px;
|
|
border: 1px solid #000;
|
|
background: url("https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp") right center red no-repeat;
|
|
background-size: 30px;
|
|
}
|
|
|
|
.input:hover+.display {
|
|
display: block;
|
|
}
|
|
|
|
.display {
|
|
display: none;
|
|
}
|
|
|
|
.hahhdgdg {
|
|
width: 400px;
|
|
height: 400px;
|
|
font-size: 0;
|
|
}
|
|
|
|
.bo {
|
|
width: 200px;
|
|
height: 400px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.left {
|
|
background: red;
|
|
}
|
|
|
|
.right {
|
|
background: blue;
|
|
}
|
|
.text_body {
|
|
width: 300px;
|
|
height: 200px;
|
|
border: 1px solid;
|
|
overflow-y: scroll;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<p>测试哈哈哈</p>
|
|
|
|
<a href="">你好</a>
|
|
|
|
<div class="box">
|
|
测试line-height
|
|
</div>
|
|
|
|
|
|
<div class="test">
|
|
<img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
|
|
alt="">
|
|
<span>用户名</span>
|
|
</div>
|
|
|
|
|
|
<div class="input"></div>
|
|
|
|
<div class="display">显示</div>
|
|
|
|
|
|
<div class="hahhdgdg">
|
|
<div class="bo left">1</div>
|
|
<div class="bo right">2</div>
|
|
</div>
|
|
|
|
<div class="text_body">
|
|
今天吵架，老公跟他爸妈吵，还带着我。
|
|
|
|
反正大家一起吵架。
|
|
|
|
婆婆问我为什么不给老大喂奶。我居然忘记当年她各种暗示我去上班挣钱的事情。（我的思路居然被她牵着走了。）
|
|
|
|
真的很讨厌婆婆，虽然她带娃，但真的感激不起来。
|
|
|
|
就连我老公吵着吵着，就说这是你们婆媳两个之间的事，不要把事情往他身上扯，意思就是跟他无关。
|
|
|
|
公公也附和，说我老公夹在中间左右为难。说让我理解下。说他们没文化巴拉巴拉的。
|
|
|
|
直到今天，我才发现每个人都是站在自己的立场上。
|
|
|
|
婆婆总是说自己付出了什么，牺牲了什么，道德绑架我们，反正就是说没良心之类的。她从来不觉得自己做错了什么。
|
|
|
|
</body>
|
|
|
|
</html> |