整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

今天迎处暑!南方高温持续 云南广西等地有强降雨

今天迎处暑!南方高温持续 云南广西等地有强降雨

天(8月22日)进入秋天的第二个节气——处暑,不过南方依旧高温不下线,四川盆地高温耐力足、强度强,重庆40℃或以上酷暑持续,需注意防暑降温。此外,今明天中东部降雨继续收敛,云南、广西等地仍需警惕强降雨致灾。

中东部降雨继续收敛 云南广西等地有大到暴雨

昨天,中东部降雨总体有所减弱,东北、华南一带由于水汽条件充沛,并具有一定不稳定能量,多地雨势依然比较急促猛烈。监测显示,昨天8时至今天6时,内蒙古东部、吉林中部、辽宁中东部、山东半岛、广西南部、广东中部及南部沿海、云南南部等地部分地区出现暴雨或大暴雨。

今明天中东部降雨继续收敛,不过云南、广西等地受到西南暖湿气流影响,局地仍需警惕大到暴雨天气。

中央气象台预计,今天黑龙江东北部、吉林东部、辽宁东部、青海西南部、新疆南疆西部、浙江东南部、福建中北部、广东中西部、广西大部、云南西部和南部等地部分地区有中到大雨,其中,吉林东南部、辽宁东部、云南西南部等地局地有暴雨。

明天,内蒙古东北部、河北东北部、新疆西北部、西藏东南部、青海西部、浙江南部、福建东北部和南部、云南中南部、广西大部等地部分地区有中到大雨,其中,云南西南部等地部分地区有暴雨。

后天,北方降雨将再度增多。预计,内蒙古东北部和河套地区、东北地区西部和南部、华北西部、宁夏北部、陕西北部、青海东北部、甘肃河西、云南中南部、广西西部等地部分地区有中到大雨,其中,内蒙古河套地区、宁夏北部、云南西南部等地局地有暴雨。

气象专家提醒,强降雨引发的山洪、泥石流、山体滑坡等次生灾害具有滞后性,内蒙古东部、吉林、辽宁、广东、广西等地的公众需保持警惕,远离气象灾害风险较高的地区,注意出行安全。

今天迎处暑南方高温不下线 重庆40℃或以上酷热持续

今天进入处暑节气,南方高温并没有要结束的迹象。今后几天南方高温都会持续,中央气象台预计,未来三天,四川盆地、陕西南部、华北南部、江汉、黄淮、江淮、江南北部和中西部等地高温持续,日最高气温普遍有35℃至39℃,四川、重庆、湖北、湖南北部等地局地可达40℃至42℃。

其中,四川盆地一带高温耐力足、强度强,重庆今后7天40℃或以上酷热全勤,25日至27日更是可能连续三天最高气温冲击43℃。常年来看,8月正是四川盆地一年中高温最多的时候,今年也是如此。

湖北高温强度虽不如四川盆地,高温却也非常持久,比如武汉今后7天高温全勤。此外,华北南部、黄淮即便没有高温现身,因为湿度较高,闷热感也会比较明显,公众也需做好防暑降温措施。

来源: 中国天气网

天小编给大家带来了一本适用于web前端开发各个阶段的超级好书——《响应式web设计》pdf电子版。文末附获取方式

本书堪称学习响应式Web设计的难得佳作。它不仅全面、细致、图文并茂地介绍了响应式设计相关的技术,比如媒体查询、流式布局、弹性媒体和弹性字体等,还把近几年来Web设计领域公认的最佳设计理念有机地融入到了实例当中,比如移动先行(Mobile First)、渐进增强、平稳退化、无障碍设计等。更加难得的是,本书以设计跨屏幕的网页(响应式设计)为出发点,以点带面,把如今Web设计领域两大标准的最新版本HTML5和CSS3也纳入其中,读者在掌握先进设计方法的同时也能掌握最新的设计技术(比如使用新的HTML5结构化语义标记、嵌入媒体、响应式视频,以及CSS3的新选择器、特效、过渡、变形和动画等),从而可以免除重复学习新标准之苦,让自己一步跨入Web设计领域的最前沿。无论你想学习响应式Web设计,还是学习HTML5和CSS3的实际应用,本书都能满足你的需要,是毋庸置疑的明智之选。

说到底,响应式Web设计并非一门独立的技术,而只是现有技术的一个组合应用。只要有一点HTML和CSS基础的读者都能顺利地掌握它。对于中、高级的前端设计和开发人员,翻阅本书也有助于理清自己的知识脉络,对这个新的设计理念获得更全面、深入的理解和把握。

目录

第1章 HTML5、CSS3及响应式设计入门 1

1.1 为什么智能手机很重要(而老版的IE不再重要) 2

1.2 响应式设计一定是最佳选择吗 3

1.3 响应式网页设计的定义 3

1.4 为什么要在响应式设计上停滞不前 4

1.5 响应式网页设计示例 4

1.5.1 下载视口调试工具 4

1.5.2 在线创意源泉 11

1.6 为什么HTML5很优秀 12

1.6.1 省时省力 12

1.6.2 新增了语义化标签元素 13

1.7 CSS3为响应式设计和更多创新奠定了基础 13

1.7.1 底线:CSS3不破坏任何东西 14

1.7.2 CSS3如何解决日常设计问题 14

1.8 看呐,不用图片 17

1.9 HTML5和CSS3现在就能用吗 20

1.10 响应式网页设计不是灵丹妙药 20

1.11 引导客户:网站不必在所有浏览器中表现一致 21

1.12 小结 22

第2章 媒体查询:支持不同的视口 23

2.1 现在就能使用媒体查询 23

2.2 为什么响应式设计需要媒体查询 24

2.2.1 媒体查询语法 24

2.2.2 媒体查询能检测那些特性 26

2.2.3 用媒体查询改造我们的设计 27

2.2.4 加载媒体查询的最佳方法 27

2.3 我们的第一个响应式设计 27

2.3.1 我们的设计是固定宽度的,不要惊讶 28

2.3.2 响应式设计中要保证图片尽可能精简 32

2.3.3 小视口下的内容剪切 33

2.4 阻止移动浏览器自动调整页面大小 34

2.5 针对不同视口宽度修正设计 37

2.6 响应式设计中内容始终优先 38

2.7 媒体查询只是必要条件之一 42

2.8 小结 42

第3章 拥抱流式布局 43

3.1 固定布局经不起未来考验 43

3.2 为什么响应式设计需要百分比布局 44

3.3 将网页从固定布局修改为百分比布局 44

3.3.1 需要牢记的公式 45

3.3.2 设置百分比元素的上下文 47

3.3.3 必须时刻牢记上下文 52

3.4 用em替换px 54

3.5 弹性图片 56

3.5.1 让图片随视口缩放 56

3.5.2 为特定图片指定特定规则 58

3.5.3 给弹性图片设置阈值 59

3.5.4 超级全能的max-width属性 61

3.6 为不同的屏幕尺寸提供不同的图片 61

3.7 流动网格布局和媒体查询的默契配合 66

3.8 CSS网格系统 66

3.9 小结 72

第4章 响应式设计中的HTML5 73

4.1 HTML5的哪些部分现在就能用 73

4.1.1 大多数网站可以用HTML5编写 74

4.1.2 腻子脚本和Modernizr 74

4.2 如何编写HTML5网页 75

4.2.1 HTML5的精简之道 76

4.2.2 HTML5标签的合理写法 76

4.2.3 伟大的<a>标签万岁 77

4.2.4 HTML的废弃零件 77

4.3 HTML5的全新语义化元素 78

4.3.1 <section> 78

4.3.2 <nav> 79

4.3.3 <article> 79

4.3.4 <aside> 79

4.3.5 <hgroup> 79

4.3.6 <header> 81

4.3.7 <footer> 81

4.3.8 <address> 81

4.4 HTML5结构元素的实际用法 81

4.5 HTML5的文本级语义元素 87

4.5.1 <b> 88

4.5.2 <em> 88

4.5.3 <i> 88

4.5.4 在页面中应用文本层语义元素 88

4.6 遵循WAI-ARIA实现无障碍站点 90

4.7 在HTML5中嵌入媒体 93

4.8 用HTML5的方法为页面添加视频或音频 93

4.8.1 提供备用的媒体源文件 95

4.8.2 针对老版本浏览器的备用方案 95

4.8.3 和标签的用法基本一致 96

4.9 响应式视频 96

4.10 离线Web应用 99

4.10.1 离线Web应用概述 99

4.10.2 让网页可离线使用 99

4.10.3 理解manifest文件 100

4.10.4 页面被自动加载到离线缓存 101

4.10.5 版本注释的用途 101

4.10.6 离线访问网站 101

4.10.7 离线Web应用的故障诊断 102

4.11 小结 103

第5章 CSS3:选择器、字体和颜色模式 104

5.1 CSS3给前端开发人员带来了什么 104

5.1.1 Internet Explorer 6到8对CSS3的支持 105

5.1.2 使用CSS3设计和开发页面 105

5.2 CSS规则解析 105

5.3 私有前缀及其用法 106

5.4 快速而有效的CSS技巧 108

5.4.1 CSS3多栏布局 108

5.4.2 文字换行 110

5.5 CSS3的新增选择器及其用法 111

5.5.1 CSS3属性选择器 111

5.5.2 CSS3结构伪类 113

5.5.3 对伪元素的修正 122

5.6 自定义网页字体 123

5.6.1 @font-face规则 124

5.6.2 使用@font-face嵌入网页字体 124

5.7 帮帮我,标题模糊怎么办 127

5.8 新的CSS3颜色格式和透明度 129

5.8.1 RGB颜色 130

5.8.2 HSL颜色 131

5.8.3 针对IE6、IE7和IE8提供备用颜色值 132

5.8.4 透明通道 132

5.9 小结 134

第6章 用CSS3创造令人惊艳的美 135

6.1 文字阴影 136

6.1.1 HEX、HSL或RGB颜色都可以 136

6.1.2 px、em或rem都行 136

6.1.3 取消文字阴影 138

6.1.4 制作浮雕文字阴影效果 139

6.1.5 多重文字阴影 140

6.2 盒阴影 140

6.2.1 内阴影 141

6.2.2 多重阴影 142

6.3 背景渐变 143

6.3.1 线性背景渐变 144

6.3.2 径向背景渐变 147

6.3.3 重复渐变 149

6.4 背景渐变图案 151

6.5 CSS3的响应性 153

6.6 组合使用CSS3属性 155

6.7 多重背景图片 159

6.7.1 背景图片大小 161

6.7.2 背景图片位置 161

6.7.3 背景属性的缩写语法 161

6.8 更多CSS特性 162

6.9 可缩放图标:响应式设计中的完美选择 162

6.10 小结 163

第7章 CSS3过渡、变形和动画 164

7.1 什么是CSS3过渡以及如何使用它 164

7.1.1 过渡相关的属性 166

7.1.2 响应式网站中的有趣过渡 168

7.2 CSS3的2D变形 169

7.3 尝试CSS3的3D变形 174

7.3.1 分析3D变形效果 176

7.3.2 3D变形尚未成熟 178

7.4 CSS3动画效果 179

7.5 小结 185

第8章 用HTML5和CSS3征服表单 186

8.1 HTML5表单 186

8.1.1 理解HTML5表单中的元素 188

8.1.2 placeholder 189

8.1.3 required 189

8.1.4 autofocus 190

8.1.5 autocomplete 191

8.1.6 list(及对应的datalist元素) 191

8.1.7 HTML5的新输入类型 192

8.1.8 日期和时间输入类型 198

8.2 如何给不支持新特性的浏览器打补丁 203

8.3 使用CSS3美化HTML5表单 204

8.4 小结 210

第9章 解决跨浏览器问题 211

9.1 渐进增强与优雅降级 215

9.2 该不该修复老版本IE 216

9.2.1 统计数据(再看看世界的变化) 216

9.2.2 个人选择 216

9.3 前端的瑞士军刀:Modernizr 217

9.3.1 使用Modernizr辅助修正样式问题 219

9.3.2 使用Modernizr让老版本IE支持HTML5元素 221

9.3.3 给IE6、7、8追加min/max媒体查询功能 222

9.3.4 使用Modernizr按需加载资源 223

9.4 必要时将导航链接转换为下拉菜单 225

9.5 高分辨率设备(未来趋势) 228

9.6 小结 231


书籍获取方式:转发+关注并私信小编:“资料”即可免费领取这本《响应式web设计》的电子版哦!

说男友拍照

是女生们共同的“痛”

他拿着手机一顿乱咔

拍矮20厘米

拍胖20公斤

如果你也有同样的烦恼

快来

让他跟民警小哥学↓↓

8月8日

在湖北黄石阳新县天空之城景区

王英派出所民警

正在辖区执勤巡逻

临近中午

一对小情侣满心欢喜地

来到打卡点

却因拍照问题产生了小小的不愉快

女生对男生拍摄的效果不太满意

原本甜蜜的氛围渐渐变得有些紧张

女生不禁闹起了情绪

“为什么连天空都没拍出来……”

“还把我拍成身高1米2的既视感!”

“没一张能让我发朋友圈的……”

就在这时

正在景点执勤的民警

注意到了这对小情侣

并上前微笑着表示愿意帮忙

民警小哥接过男生手中的相机

开始现场教学

他耐心地向男生讲解拍照的技巧

从如何选取最佳的拍摄角度

到怎样利用光线突出人物主体

再到把握构图的平衡与美感

讲解得细致入微

为了让双方默契度更高

民警还亲自示范

从“美人躺”“抱膝”到“背影杀”

一套行云流水的拍照pose和表情

引导双方如何开心地“到此一游”

说起为何拍照水平如此之高

民警小哥不好意思地说

“我也是被老婆说多了就成长了……”

民警小哥完成专业“代拍”后

这一次

照片的效果有了显著提升

女生也重展笑颜

竖起大拇指为民警小哥点赞

小情侣之间的紧张气氛

也随之烟消云散

这一幕现场教学在网上火了

网友们在评论区

整齐划一地表示气氛太好了

只是有点“心疼”民警小哥

“划重点:被老婆骂多了哈哈哈”

“太可爱了警察叔叔”

不能怪模特不美

不能怪相机太渣

所有的问题

都是摄影师的问题

以上原则

请先用小本本记好

再反复观看民警小哥的示范

拍照技巧学起来

为暖心的民警小哥点赞!

转自|新华每日电讯 记者:宋立崑,视频:人民网 马滢滢

来源: 人民网