css+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>Document</title>
</head>
<style>
div{
background-color: pink;
width: 800px;
height: 750px;
margin: auto 0;
}
h1{
text-align: center;
}
.centent{
text-align: center;
}
.time{
color: #808080;
}
.dept{
color: #87ceeb;
font-weight: 700px;
}
a{
text-decoration: none;
}
.text{
text-indent: 2em;
}
</style>
<body>
<div>
<h1>一个男生爱不爱你，从吃饭的样子就可以看出来</h1>
<p class="centent">
<span class="time">2021-11-16 15:09:50 </span>
<span class="dept">新浪科技</span>
<a href="www.baidu.com">收藏文本</a>
</p>
<hr>
<p class="text">
陪你一起做饭
我是特别在意每餐吃什么的一个人，所以每天下班后时间富裕的话，我会去菜场挑选新鲜的蔬菜，去超市买一些佐料，认真计划这顿饭的菜单。
如果时间OK的话，跟他一起去逛菜场，边选菜边聊今天的上班趣事儿，感觉更惬意。
买完菜到家，我们俩会一起呆在厨房忙东忙西，我在一边切菜烹饪，他在一旁帮我做些小活儿，比如剥蒜、剥葱，他偶尔哼几句歌曲，或者聊一聊今天的新闻，厨房一直回荡着我俩的欢笑声。
做好饭准备出锅之前，会先夹给他一块儿品尝味道，每次看到他满意的点头动作，就很开心且满足。
因为不愿你一人在厨房辛劳，想主动帮你分担家务，所以只要你在厨房里忙活的时候，他都会陪着你，这就是爱。
</p>
<p class="text">
陪你一起做饭
我是特别在意每餐吃什么的一个人，所以每天下班后时间富裕的话，我会去菜场挑选新鲜的蔬菜，去超市买一些佐料，认真计划这顿饭的菜单。
如果时间OK的话，跟他一起去逛菜场，边选菜边聊今天的上班趣事儿，感觉更惬意。
买完菜到家，我们俩会一起呆在厨房忙东忙西，我在一边切菜烹饪，他在一旁帮我做些小活儿，比如剥蒜、剥葱，他偶尔哼几句歌曲，或者聊一聊今天的新闻，厨房一直回荡着我俩的欢笑声。
做好饭准备出锅之前，会先夹给他一块儿品尝味道，每次看到他满意的点头动作，就很开心且满足。
因为不愿你一人在厨房辛劳，想主动帮你分担家务，所以只要你在厨房里忙活的时候，他都会陪着你，这就是爱。
</p>
<p class="text">
主动给你夹菜
爱不是说出来的，而是行动表达出来的。
可能因为脾气直且大大咧咧，我不太适应对方过于大声且直白的表达，比如：我爱你、宝贝、辛苦啦、好想你...，每次听到这些词语我都会有些不知所措，像犯错被批评的孩子般。
相比口若悬河的海誓山盟，我更中意默默无闻的关心，比如：
当发现我距离爱吃的菜比较远时，会主动给我夹菜给我；
在吃虾的时候，会主动帮我去掉虾壳；
在吃蒸鱼的时候，会轻声提醒我小心鱼刺；
我没吃完的那半碗米饭，会直接拿过去消化。
</p>
<p class="text">
挂在口头的爱未必是真爱，但融化在行动里的温暖关心，一定是很爱你。
有话题一直聊
因为超级喜欢吃美食，所以每次吃饭的机会都很开心也很珍惜，吃饭的时候我们不会仅仅是埋头干饭，也不会各自玩给自的手机，我们会一起参与做些什么，比如：
我们会一起聊彼此小时候的饮食偏好，爱吃什么不爱吃什么；
会彼此评价彼此做的那道菜味道如何，给它打个分；
或者给一些让饭菜变更美味的小建议，供彼此参考；
偶尔也会打开我俩爱看的综艺五哈陪伴着下饭；
......
</p>
<p class="text">
爱开始于心动，但长久来看爱更多的表现为陪伴。
陪你一起吃你爱吃的美食；感受每个黄昏和日落；分享每份开心和快乐，想陪你一起每分每秒，这在我看来就是爱情最顶级的表达。
所以呀，爱情这件小事儿，不需要多么轰轰烈烈，真正的爱意都沉淀在生活的每件小事儿里。
不要看他说了什么，而是要去看和感受他做了什么，耳听为虚，眼见为实。
让我们在感情中都再“务实”一点，再“实在”一点，就更能发现那份持久的爱。
一起加油～
