首页 > 其他分享 >css+html案例

css+html案例

时间:2023-06-18 18:33:31浏览次数:50  
标签:厨房 color text 菜场 案例 html 一起 css

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">
          爱开始于心动,但长久来看爱更多的表现为陪伴。
          陪你一起吃你爱吃的美食;感受每个黄昏和日落;分享每份开心和快乐,想陪你一起每分每秒,这在我看来就是爱情最顶级的表达。
          所以呀,爱情这件小事儿,不需要多么轰轰烈烈,真正的爱意都沉淀在生活的每件小事儿里。
          不要看他说了什么,而是要去看和感受他做了什么,耳听为虚,眼见为实。
          让我们在感情中都再“务实”一点,再“实在”一点,就更能发现那份持久的爱。
          一起加油~
       </p>
   </div>
</body>
</html>
 

标签:厨房,color,text,菜场,案例,html,一起,css
From: https://www.cnblogs.com/188221creat/p/17489448.html

相关文章

  • Nginx代理静态界面资源后,浏览器端CSS、JS不起作用
    现象说明:VUE项目打包后通过Nginx代理访问时,JS、CSS等资源都加载到浏览器端了,但是不起作用。经过分析后,发现对于JS、CSS在浏览器端显示的资源类型为:Content-Type=text/plain。发现Nginx没有配置:includemime.types;当Nginx服务器收到静态文件请求时,会根据请求文件中的后缀名在M......
  • 华为配置案例3:Vlan间路由
    VLAN间路由1.单臂路由实现VLAN间路由sw1:vlanbatch2to3interfaceGigabitEthernet0/0/1portlink-typeaccessportdefaultvlan2interfaceGigabitEthernet0/0/2portlink-typeaccessportdefaultvlan3interfaceGigabitEthernet0/0/3portlink-typetrunkporttrunk......
  • 融合模型stacking14条经验总结和5个成功案例(互联网最全,硬核收藏)_机器学习_人工智能_
    来自Toby老师,《融合模型stacking14条经验总结和5个成功案例》我也看了很多关于融合模型stacking文章,很多作者倾向于赞美融合模型stacking,对其缺点轻描淡写,这容易误导初学者。一叶障目就是这意思。我的很多学员喜欢用融合模型作为论文或专利创新点,这是一个热门技术。最近有个同学在......
  • 05【HTML的元素类型】
    文章目录五、HTML的元素类型5.1块级元素5.2行内元素5.3行内块元素五、HTML的元素类型在HTML中元素分为三类:块级元素、行内元素、行内块元素5.1块级元素块级元素特点:1)独占一行,自上而下排列2)默认不设置宽度时,继承父元素的宽度(默认为父级宽度的100%)3)可以定义自己的宽度和高......
  • 将HTML网页转换为Markdown格式的工具及方法
    保存博客文章早期在markdown语法还没有推出来之前,编写blog是在网页上或olw写的,也就是文章是保存在对方的主机上。最近计划把我在博客园的一些早期html文章转换成markdown的文件,因为md更好地保存,经过实践之后,我保留这两个工具。PS.也尝试过python的脚本版本,但运行时会有报错,就......
  • HTML form表单上传图片
    <formaction="/"method="post"enctype="multipart/form-data"><div><inputclass="layui-btn"type="file"multiple="multiple"accept="image/*"name="image&q......
  • HTML
    HTML初识HTMLHTML(HyperTextMarkupLanguage超文本标记语言)HTML5优势世界知名历览器厂商对HTML5的支持市场需求跨平台W3C标准WorldWideWebConsortium(万维网联盟)W3C标准包括结构化标准语言(HTML,XML)表现标准语言(CSS)行为标准(DOM,ECMAScript0)网页......
  • 人工智能创业投资项目案例:基于自然语言处理技术的社交媒体分析
    目录人工智能创业投资项目案例:基于自然语言处理技术的社交媒体分析随着社交媒体的不断发展和普及,越来越多的企业和个人开始通过社交媒体进行营销和宣传。社交媒体数据分析成为了现代商业中必不可少的一部分。然而,传统的方法很难精确地分析社交媒体上的用户行为和数据,而基于自......
  • rsync推送案例练习与总结
    案例实践:客户端: 1.客户端提前准备存放的备份的目录,目录规则如下:/backup/主机名_IP_时间 2.客户端在本地打包备份(系统配置文件、应用配置等)拷贝至/backup/主机名_IP_时间 3.客户端最后将备份的数据进行推送至备份服务器 4.客户端每天凌晨1点定时执行脚本 ......
  • css文字换行white-space属性
    这个文章解释的很细致:white-space属性被指定为从下面的值列表中选择的单个关键字。normal连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(lineboxes)」时是必要。nowrap和normal一样,连续的空白符会被合并。但文本内的换行无效。pre连......