整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
天（8月22日）進(jìn)入秋天的第二個(gè)節(jié)氣——處暑，不過南方依舊高溫不下線，四川盆地高溫耐力足、強(qiáng)度強(qiáng)，重慶40℃或以上酷暑持續(xù)，需注意防暑降溫。此外，今明天中東部降雨繼續(xù)收斂，云南、廣西等地仍需警惕強(qiáng)降雨致災(zāi)。
中東部降雨繼續(xù)收斂 云南廣西等地有大到暴雨
昨天，中東部降雨總體有所減弱，東北、華南一帶由于水汽條件充沛，并具有一定不穩(wěn)定能量，多地雨勢依然比較急促猛烈。監(jiān)測顯示，昨天8時(shí)至今天6時(shí)，內(nèi)蒙古東部、吉林中部、遼寧中東部、山東半島、廣西南部、廣東中部及南部沿海、云南南部等地部分地區(qū)出現(xiàn)暴雨或大暴雨。
今明天中東部降雨繼續(xù)收斂，不過云南、廣西等地受到西南暖濕氣流影響，局地仍需警惕大到暴雨天氣。
中央氣象臺預(yù)計(jì)，今天黑龍江東北部、吉林東部、遼寧東部、青海西南部、新疆南疆西部、浙江東南部、福建中北部、廣東中西部、廣西大部、云南西部和南部等地部分地區(qū)有中到大雨，其中，吉林東南部、遼寧東部、云南西南部等地局地有暴雨。
明天，內(nèi)蒙古東北部、河北東北部、新疆西北部、西藏東南部、青海西部、浙江南部、福建東北部和南部、云南中南部、廣西大部等地部分地區(qū)有中到大雨，其中，云南西南部等地部分地區(qū)有暴雨。
后天，北方降雨將再度增多。預(yù)計(jì)，內(nèi)蒙古東北部和河套地區(qū)、東北地區(qū)西部和南部、華北西部、寧夏北部、陜西北部、青海東北部、甘肅河西、云南中南部、廣西西部等地部分地區(qū)有中到大雨，其中，內(nèi)蒙古河套地區(qū)、寧夏北部、云南西南部等地局地有暴雨。
氣象專家提醒，強(qiáng)降雨引發(fā)的山洪、泥石流、山體滑坡等次生災(zāi)害具有滯后性，內(nèi)蒙古東部、吉林、遼寧、廣東、廣西等地的公眾需保持警惕，遠(yuǎn)離氣象災(zāi)害風(fēng)險(xiǎn)較高的地區(qū)，注意出行安全。
今天迎處暑南方高溫不下線 重慶40℃或以上酷熱持續(xù)
今天進(jìn)入處暑節(jié)氣，南方高溫并沒有要結(jié)束的跡象。今后幾天南方高溫都會持續(xù)，中央氣象臺預(yù)計(jì)，未來三天，四川盆地、陜西南部、華北南部、江漢、黃淮、江淮、江南北部和中西部等地高溫持續(xù)，日最高氣溫普遍有35℃至39℃，四川、重慶、湖北、湖南北部等地局地可達(dá)40℃至42℃。
其中，四川盆地一帶高溫耐力足、強(qiáng)度強(qiáng)，重慶今后7天40℃或以上酷熱全勤，25日至27日更是可能連續(xù)三天最高氣溫沖擊43℃。常年來看，8月正是四川盆地一年中高溫最多的時(shí)候，今年也是如此。
湖北高溫強(qiáng)度雖不如四川盆地，高溫卻也非常持久，比如武漢今后7天高溫全勤。此外，華北南部、黃淮即便沒有高溫現(xiàn)身，因?yàn)闈穸容^高，悶熱感也會比較明顯，公眾也需做好防暑降溫措施。
來源： 中國天氣網(wǎng)
天小編給大家?guī)砹艘槐具m用于web前端開發(fā)各個(gè)階段的超級好書——《響應(yīng)式web設(shè)計(jì)》pdf電子版。文末附獲取方式
本書堪稱學(xué)習(xí)響應(yīng)式Web設(shè)計(jì)的難得佳作。它不僅全面、細(xì)致、圖文并茂地介紹了響應(yīng)式設(shè)計(jì)相關(guān)的技術(shù)，比如媒體查詢、流式布局、彈性媒體和彈性字體等，還把近幾年來Web設(shè)計(jì)領(lǐng)域公認(rèn)的最佳設(shè)計(jì)理念有機(jī)地融入到了實(shí)例當(dāng)中，比如移動先行（Mobile First）、漸進(jìn)增強(qiáng)、平穩(wěn)退化、無障礙設(shè)計(jì)等。更加難得的是，本書以設(shè)計(jì)跨屏幕的網(wǎng)頁（響應(yīng)式設(shè)計(jì)）為出發(fā)點(diǎn)，以點(diǎn)帶面，把如今Web設(shè)計(jì)領(lǐng)域兩大標(biāo)準(zhǔn)的最新版本HTML5和CSS3也納入其中，讀者在掌握先進(jìn)設(shè)計(jì)方法的同時(shí)也能掌握最新的設(shè)計(jì)技術(shù)（比如使用新的HTML5結(jié)構(gòu)化語義標(biāo)記、嵌入媒體、響應(yīng)式視頻，以及CSS3的新選擇器、特效、過渡、變形和動畫等），從而可以免除重復(fù)學(xué)習(xí)新標(biāo)準(zhǔn)之苦，讓自己一步跨入Web設(shè)計(jì)領(lǐng)域的最前沿。無論你想學(xué)習(xí)響應(yīng)式Web設(shè)計(jì)，還是學(xué)習(xí)HTML5和CSS3的實(shí)際應(yīng)用，本書都能滿足你的需要，是毋庸置疑的明智之選。
說到底，響應(yīng)式Web設(shè)計(jì)并非一門獨(dú)立的技術(shù)，而只是現(xiàn)有技術(shù)的一個(gè)組合應(yīng)用。只要有一點(diǎn)HTML和CSS基礎(chǔ)的讀者都能順利地掌握它。對于中、高級的前端設(shè)計(jì)和開發(fā)人員，翻閱本書也有助于理清自己的知識脈絡(luò)，對這個(gè)新的設(shè)計(jì)理念獲得更全面、深入的理解和把握。
目錄
第1章 HTML5、CSS3及響應(yīng)式設(shè)計(jì)入門 1
1.1 為什么智能手機(jī)很重要（而老版的IE不再重要） 2
1.2 響應(yīng)式設(shè)計(jì)一定是最佳選擇嗎 3
1.3 響應(yīng)式網(wǎng)頁設(shè)計(jì)的定義 3
1.4 為什么要在響應(yīng)式設(shè)計(jì)上停滯不前 4
1.5 響應(yīng)式網(wǎng)頁設(shè)計(jì)示例 4
1.5.1 下載視口調(diào)試工具 4
1.5.2 在線創(chuàng)意源泉 11
1.6 為什么HTML5很優(yōu)秀 12
1.6.1 省時(shí)省力 12
1.6.2 新增了語義化標(biāo)簽元素 13
1.7 CSS3為響應(yīng)式設(shè)計(jì)和更多創(chuàng)新奠定了基礎(chǔ) 13
1.7.1 底線：CSS3不破壞任何東西 14
1.7.2 CSS3如何解決日常設(shè)計(jì)問題 14
1.8 看吶，不用圖片 17
1.9 HTML5和CSS3現(xiàn)在就能用嗎 20
1.10 響應(yīng)式網(wǎng)頁設(shè)計(jì)不是靈丹妙藥 20
1.11 引導(dǎo)客戶：網(wǎng)站不必在所有瀏覽器中表現(xiàn)一致 21
1.12 小結(jié) 22
第2章 媒體查詢：支持不同的視口 23
2.1 現(xiàn)在就能使用媒體查詢 23
2.2 為什么響應(yīng)式設(shè)計(jì)需要媒體查詢 24
2.2.1 媒體查詢語法 24
2.2.2 媒體查詢能檢測那些特性 26
2.2.3 用媒體查詢改造我們的設(shè)計(jì) 27
2.2.4 加載媒體查詢的最佳方法 27
2.3 我們的第一個(gè)響應(yīng)式設(shè)計(jì) 27
2.3.1 我們的設(shè)計(jì)是固定寬度的，不要驚訝 28
2.3.2 響應(yīng)式設(shè)計(jì)中要保證圖片盡可能精簡 32
2.3.3 小視口下的內(nèi)容剪切 33
2.4 阻止移動瀏覽器自動調(diào)整頁面大小 34
2.5 針對不同視口寬度修正設(shè)計(jì) 37
2.6 響應(yīng)式設(shè)計(jì)中內(nèi)容始終優(yōu)先 38
2.7 媒體查詢只是必要條件之一 42
2.8 小結(jié) 42
第3章 擁抱流式布局 43
3.1 固定布局經(jīng)不起未來考驗(yàn) 43
3.2 為什么響應(yīng)式設(shè)計(jì)需要百分比布局 44
3.3 將網(wǎng)頁從固定布局修改為百分比布局 44
3.3.1 需要牢記的公式 45
3.3.2 設(shè)置百分比元素的上下文 47
3.3.3 必須時(shí)刻牢記上下文 52
3.4 用em替換px 54
3.5 彈性圖片 56
3.5.1 讓圖片隨視口縮放 56
3.5.2 為特定圖片指定特定規(guī)則 58
3.5.3 給彈性圖片設(shè)置閾值 59
3.5.4 超級全能的max-width屬性 61
3.6 為不同的屏幕尺寸提供不同的圖片 61
3.7 流動網(wǎng)格布局和媒體查詢的默契配合 66
3.8 CSS網(wǎng)格系統(tǒng) 66
3.9 小結(jié) 72
第4章 響應(yīng)式設(shè)計(jì)中的HTML5 73
4.1 HTML5的哪些部分現(xiàn)在就能用 73
4.1.1 大多數(shù)網(wǎng)站可以用HTML5編寫 74
4.1.2 膩?zhàn)幽_本和Modernizr 74
4.2 如何編寫HTML5網(wǎng)頁 75
4.2.1 HTML5的精簡之道 76
4.2.2 HTML5標(biāo)簽的合理寫法 76
4.2.3 偉大的<a>標(biāo)簽萬歲 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結(jié)構(gòu)元素的實(shí)際用法 81
4.5 HTML5的文本級語義元素 87
4.5.1 <b> 88
4.5.2 <em> 88
4.5.3 <i> 88
4.5.4 在頁面中應(yīng)用文本層語義元素 88
4.6 遵循WAI-ARIA實(shí)現(xiàn)無障礙站點(diǎn) 90
4.7 在HTML5中嵌入媒體 93
4.8 用HTML5的方法為頁面添加視頻或音頻 93
4.8.1 提供備用的媒體源文件 95
4.8.2 針對老版本瀏覽器的備用方案 95
4.8.3 和標(biāo)簽的用法基本一致 96
4.9 響應(yīng)式視頻 96
4.10 離線Web應(yīng)用 99
4.10.1 離線Web應(yīng)用概述 99
4.10.2 讓網(wǎng)頁可離線使用 99
4.10.3 理解manifest文件 100
4.10.4 頁面被自動加載到離線緩存 101
4.10.5 版本注釋的用途 101
4.10.6 離線訪問網(wǎng)站 101
4.10.7 離線Web應(yīng)用的故障診斷 102
4.11 小結(jié) 103
第5章 CSS3：選擇器、字體和顏色模式 104
5.1 CSS3給前端開發(fā)人員帶來了什么 104
5.1.1 Internet Explorer 6到8對CSS3的支持 105
5.1.2 使用CSS3設(shè)計(jì)和開發(fā)頁面 105
5.2 CSS規(guī)則解析 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結(jié)構(gòu)偽類 113
5.5.3 對偽元素的修正 122
5.6 自定義網(wǎng)頁字體 123
5.6.1 @font-face規(guī)則 124
5.6.2 使用@font-face嵌入網(wǎng)頁字體 124
5.7 幫幫我，標(biāo)題模糊怎么辦 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 小結(jié) 134
第6章 用CSS3創(chuàng)造令人驚艷的美 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 內(nèi)陰影 141
6.2.2 多重陰影 142
6.3 背景漸變 143
6.3.1 線性背景漸變 144
6.3.2 徑向背景漸變 147
6.3.3 重復(fù)漸變 149
6.4 背景漸變圖案 151
6.5 CSS3的響應(yīng)性 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 可縮放圖標(biāo)：響應(yīng)式設(shè)計(jì)中的完美選擇 162
6.10 小結(jié) 163
第7章 CSS3過渡、變形和動畫 164
7.1 什么是CSS3過渡以及如何使用它 164
7.1.1 過渡相關(guān)的屬性 166
7.1.2 響應(yīng)式網(wǎng)站中的有趣過渡 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 小結(jié) 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（及對應(yīng)的datalist元素） 191
8.1.7 HTML5的新輸入類型 192
8.1.8 日期和時(shí)間輸入類型 198
8.2 如何給不支持新特性的瀏覽器打補(bǔ)丁 203
8.3 使用CSS3美化HTML5表單 204
8.4 小結(jié) 210
第9章 解決跨瀏覽器問題 211
9.1 漸進(jìn)增強(qiáng)與優(yōu)雅降級 215
9.2 該不該修復(fù)老版本IE 216
9.2.1 統(tǒng)計(jì)數(shù)據(jù)（再看看世界的變化） 216
9.2.2 個(gè)人選擇 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 必要時(shí)將導(dǎo)航鏈接轉(zhuǎn)換為下拉菜單 225
9.5 高分辨率設(shè)備（未來趨勢） 228
9.6 小結(jié) 231
說男友拍照
是女生們共同的“痛”
他拿著手機(jī)一頓亂咔
拍矮20厘米
拍胖20公斤
如果你也有同樣的煩惱
快來
讓他跟民警小哥學(xué)↓↓
8月8日
在湖北黃石陽新縣天空之城景區(qū)
王英派出所民警
正在轄區(qū)執(zhí)勤巡邏
臨近中午
一對小情侶滿心歡喜地
來到打卡點(diǎn)
卻因拍照問題產(chǎn)生了小小的不愉快
女生對男生拍攝的效果不太滿意
原本甜蜜的氛圍漸漸變得有些緊張
女生不禁鬧起了情緒
“為什么連天空都沒拍出來……”
“還把我拍成身高1米2的既視感！”
“沒一張能讓我發(fā)朋友圈的……”
就在這時(shí)
正在景點(diǎn)執(zhí)勤的民警
注意到了這對小情侶
并上前微笑著表示愿意幫忙
民警小哥接過男生手中的相機(jī)
開始現(xiàn)場教學(xué)
他耐心地向男生講解拍照的技巧
從如何選取最佳的拍攝角度
到怎樣利用光線突出人物主體
再到把握構(gòu)圖的平衡與美感
講解得細(xì)致入微
為了讓雙方默契度更高
民警還親自示范
從“美人躺”“抱膝”到“背影殺”
一套行云流水的拍照pose和表情
引導(dǎo)雙方如何開心地“到此一游”
說起為何拍照水平如此之高
民警小哥不好意思地說
“我也是被老婆說多了就成長了……”
民警小哥完成專業(yè)“代拍”后
這一次
照片的效果有了顯著提升
女生也重展笑顏
豎起大拇指為民警小哥點(diǎn)贊
小情侶之間的緊張氣氛
也隨之煙消云散
這一幕現(xiàn)場教學(xué)在網(wǎng)上火了
網(wǎng)友們在評論區(qū)
整齊劃一地表示氣氛太好了
只是有點(diǎn)“心疼”民警小哥
“劃重點(diǎn)：被老婆罵多了哈哈哈”
“太可愛了警察叔叔”
不能怪模特不美
不能怪相機(jī)太渣
所有的問題
都是攝影師的問題
以上原則
請先用小本本記好
再反復(fù)觀看民警小哥的示范
拍照技巧學(xué)起來
為暖心的民警小哥點(diǎn)贊！
轉(zhuǎn)自｜新華每日電訊 記者：宋立崑，視頻：人民網(wǎng) 馬瀅瀅
來源： 人民網(wǎng)
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
