web前端学习css“北方高温“案例

写于2021/11/12

<!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>.juzhong {text-align: center;font-weight: 400;}p {text-indent: 2em;}body {font: 16px/28px 'Microsoft yahei';}.gray {color: #888888;}a {text-decoration: none;}.pic {text-align: center;}</style>
</head>
<body><h1 class="juzhong">北方高温明日达鼎盛，京津冀局地地表温度将超60℃</h1><div class="juzhong gray">发布时间: 19-07-03 16:29 发布于：<a href="#">中国天气网</a><input type="text" value="请输入内容" class="gray"><input type="button" value="查询"></div><hr><p>中国天气网讯 今天（3日），华北、黄淮多地出现高温天气，截至下午2点，北京、天津、郑州等地气温突破35℃。预报显示，今后三天（3-5日），这一带的高温天气将继续发酵，高温范围以及强度将在4日达到鼎盛，预计北京、天津、石家庄、济南等地明天的最高气温有望突破38℃，其中北京和石家庄的最高气温还有望创今年以来的新高。</p><h3>气温41.4℃！地表温度66.5℃！北京强势迎七月首个高温日</h3><p class="pic"><img src="这里有张图.jpg" alt="图没了"></p><p>今天，华北、黄淮一带的高温持续发酵，截至今天下午2点，陕西北部、山西西南部、河北南部、北京、天津、山东西部、河南北部最高气温已普遍超过35℃。大城市中，北京、天津、郑州均迎来高温日。</p><h3>明日热度再升级！京津冀携手冲击38℃+</h3><p class="pic"><img src="这里有张图.jpg" alt="图没了"></p><p>中国天气网气象分析师王伟跃介绍，明天（4日），华北、黄淮地区35℃以上的高温天气还将继续升级，并进入鼎盛阶段，高温强度和范围都将发展到最强。</p>
</body>
</html>

web前端学习css“北方高温“案例相关推荐

WEB前端学习:CSS学习_用户界面样式
用户界面样式文章目录用户界面样式一.鼠标样式二.轮廓三.防止文本域拖拽四.去除图片底侧空白间隙五.溢出文字隐藏 1. work-break 2. white-space 3. text- ...
web前端学习28-29（综合案例：圣诞节的那些事）
文章目录综合案例综合案例主要复习: 目录文件夹今日所学标签路径锚点链接根据前面所学知识可以很容易做出下面这个案例:圣诞节的那些事例: 首先可以先建一个文件夹用来保存这个案例建两个.h ...
html css 前端实现消息提醒数_自学的福音，web前端学习全套视频教程+最新学习思维导图都在这里...
1.产品经理.这些是负责策划应用程序的一群人.他们会想出很多新鲜的.奇怪的.甚至是不可能实现的应用.一般来说,产品经理都追求丰富的功能. 2.UI设计师.这些人负责应用程序的视觉设计和交互模拟. 3. ...
零基础web前端学习之JavaScript 和css 阻塞
web前端学习之JavaScript 和css 阻塞,JavaScript 是客户端和服务器端的脚本语言,可以插入HTML 页函中, 并且是目前较热门的Web 开发语言.同时, JavaScript ...
web前端学习中CSS，JS代码压缩
web前端要学习的知识有很多,前端基础要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:HTML负责结构,网页想要表达的内容由html书写. CSS负责样式,网 ...
Web前端学习之 CSS基础二
Web前端学习之 CSS基础二 1. 2. 主体 3. 完整代码如下所示 4. 结束语 1. /* 权重是0 */* {font-size: 35px;text-align: center;color ...
html表单的课后心得体会,web前端学习心得体会范文
<web前端学习心得体会范文>由会员分享,可在线阅读,更多相关<web前端学习心得体会范文(2页珍藏版)>请在装配图网上搜索. 1.web前端学习心得体会范文web前端学习心得 ...
web前端学习基础教程，简单的图片旋转木马自动轮播js代码
一款简单的图片旋转木马自动轮播js代码,图片叠加轮播切换效果,支持点击左右箭头按钮控制切换. 案例效果图案例源码: <!DOCTYPE html> <html lang=" ...
Web前端学习第四周
Web前端学习第四周 position定位指定一个元素在文档中的定位方式 top,right,left,bottom属性决定最终位置 position取值 static(默认) relative a ...

web前端学习css“北方高温“案例

web前端学习css“北方高温“案例相关推荐

最新文章

热门文章