期以來，CSS 一直缺乏合適的布局機制。 變形，動畫，濾鏡，對這門偉大的語言來說都很有用的補充的，但是都沒有解決 Web 開發(fā)人員一直抱怨的的主要的看起來似乎是永恒的問題。

終于，感謝Flexbox ，我們有了一個解決方案。查看說明、DEMO及項目源代碼：Flexbox解決方案

這個網(wǎng)站不是另一個CSS框架。相反，它的目的是展示曾經(jīng)很困難甚至無法單獨使用 CSS 能解決的問題，而現(xiàn)在使用Flexbox簡單易用。隨著最近發(fā)布的Internet Explorer 11和Safari 6.1，最新的Flexbox規(guī)格已經(jīng)被每一個的現(xiàn)代瀏覽器支持（愚人碼頭注：瀏覽器的支持請客，你可以看 http://caniuse.com/#feat=flexbox）。

在Web檢查器（天涯孤雁注：開發(fā)者工具）中查看樣式或深入了解 源代碼，看看Flexbox成為主流后CSS布局會變得多么容易。

這個解決方案主要提供了以下幾個應(yīng)用：

• 更好，更簡單的柵格系統(tǒng)Flexbox： 滿足了我們大部分對于柵格系統(tǒng)的需求。并且尺寸、對齊僅用一兩個屬性就能搞定。
• 圣杯布局：這是一個經(jīng)典的 css-hack 布局挑戰(zhàn)，歷史上出現(xiàn)的方案都沒有完美解決。直到 Flexbox 布局的出現(xiàn)，終于成為可能。
• 輸入附加組件：創(chuàng)建全寬度，流式的輸入/按鈕組在 CSS 的歷史中幾乎不可能。有了 Flexbox 布局，一切將會變得更簡單。
• 媒體對象：創(chuàng)建含有固定或變化的頭像的媒體對象，不用擔(dān)心溢出(overflow)，清除浮動(clearfixing)，或者塊格式化內(nèi)容(block formatting context)等 hack 。
• 粘性頁腳：讓你的頁腳粘在底部一直以來是一個技巧。如果頁腳的高度未知，那么基本上就不可能了。現(xiàn)在不再如此。
• 垂直居中：這個經(jīng)典的問題問題一直被 CSS hackers 挑戰(zhàn)了很多年，歷史的解決方案沒有一個能夠完整地解決。有了 Flexbox 布局，終于成為了可能。

最近一段時間，每個SEO人員，都會遇到這樣的事情：

① 某些舊頁面的關(guān)鍵詞，突然開始大幅提升，而你并沒有給予過多SEO資源。

② 某些新頁面的關(guān)鍵詞，突然排名大幅下降，而你卻不斷的輸入資源。

③ 關(guān)鍵詞排名今天有，明天沒有。

④ 關(guān)鍵詞排名浮動式的持續(xù)下降，有的則是一條斜線，一路上漲。

這讓很多SEO初學(xué)者非常“懵”，我該繼續(xù)如何操作，特別是面臨KPI壓力的時候，甚至對于第三方SEO服務(wù)機構(gòu)也是一種挑戰(zhàn)。

那么，SEO關(guān)鍵詞排名浮動，如何泰然處之？

根據(jù)以往關(guān)鍵詞優(yōu)化的經(jīng)歷，蝙蝠俠IT，將通過如下內(nèi)容，進(jìn)一步說明：

1、淡定

我們認(rèn)為對于搜索引擎而言，任何一次調(diào)整與波動，都是有一個周期性的，如果你在算法調(diào)整周期中，每天都在跟蹤相關(guān)的數(shù)據(jù)指標(biāo)。

那無異于是自尋煩惱，而這個時候，我們給出的建議就是“淡定”泰然處之，比如：

① 盡量過多的在社群中，討論相關(guān)話題，除非是領(lǐng)域KOL給出的建議，否則，基本沒意義。

② 靜下來思考一下，我的網(wǎng)站與內(nèi)容，如何才能更好的展現(xiàn)給用戶，哪個頁面需要調(diào)整。

③ 我的內(nèi)容是真的以用戶為中心嗎，還是為了純粹的SEO排名。

④ 增加一些戶外活動，讓自己換一個輕松的環(huán)境，你的思路可能會有改觀。

2、審查

當(dāng)你覺得自己已經(jīng)足夠冷靜，而沒有過多主觀意見的時候，你可以坐下來，泡杯咖啡，認(rèn)真的做一下SEO診斷，看看自己的網(wǎng)站到底哪里有問題，比如：

① 頁面陳舊性錯誤：關(guān)鍵詞堆積（大部分企業(yè)站常態(tài)問題）

② 網(wǎng)站內(nèi)容更新：哪些頁面活躍度在降低（更新、點擊量）

③ 站內(nèi)頁面沖突：采用TAG聚合頁排名（使得獨立的單頁，存在一定的站內(nèi)沖突）

④ 欲速則不達(dá)：排名下降，網(wǎng)站低質(zhì)量外鏈增長速度過快（惡性循環(huán)）

⑤ 頁面內(nèi)鏈配置：內(nèi)鏈?zhǔn)且粋€雙刃劍，錯誤的關(guān)聯(lián)不相關(guān)的頁面，容易產(chǎn)生連帶效應(yīng)。

⑥ 搜索引擎爬行：查看網(wǎng)站日志，針對搜索引擎的蜘蛛，是否出現(xiàn)大量的301、404、304等狀態(tài)碼。

⑦ 網(wǎng)站增加欄目：增加頁面欄目，比如：問答板塊，它是否造成整站垂直度下降，稀釋頁面內(nèi)容質(zhì)量。（很嚴(yán)重）

⑧ 網(wǎng)站整站結(jié)構(gòu)：是否調(diào)整分頁展現(xiàn)、列表頁調(diào)用數(shù)量、網(wǎng)站導(dǎo)航的欄目匹配、去除頁腳導(dǎo)航等，使得整站結(jié)構(gòu)大規(guī)模變化。

⑨ 品牌營銷活動：是否由于品牌營銷活動，使得短周期內(nèi)，產(chǎn)生大量的用戶點擊，是否造成誤傷。

3、方案

當(dāng)我們針對自身網(wǎng)站，進(jìn)行逐一排查問題的時候，你可能需要制定一個階段性的策略，用于調(diào)整目前的現(xiàn)狀，比如：

① 如果你頁面標(biāo)題堆積，并且Title標(biāo)簽很長，我們建議：有序的修改標(biāo)題，避免過快的變更。

② 嘗試提升整站更新頻率，它包括：內(nèi)容頁+URL增長（獨立思考）。

③ 如果出現(xiàn)內(nèi)容頁沖突問題，盡量選擇利用301重定向合并，或者單獨調(diào)整獨立頁的關(guān)鍵詞密度。

④ 外鏈建設(shè)合理控制增長速度，盡量避免購買鏈接，發(fā)站群外鏈。

⑤ 如果可以不要利用插件自動添加內(nèi)鏈，實在不行，可以放棄內(nèi)鏈。

⑥ 合理處理爬蟲訪問的404頁面，比如：提交死鏈接。

⑦ 當(dāng)你試圖增加目標(biāo)欄目的時候：你需要思考，是否有可持續(xù)、高質(zhì)量內(nèi)容輸出。

⑧ 如果不是經(jīng)過A/B測試，以著陸頁轉(zhuǎn)化率為目的，盡量避免調(diào)整整站結(jié)構(gòu)（最好不）

⑨ 在做品牌營銷活動的時候，盡量思考一下，其對SEO產(chǎn)生的潛在影響。

4、測試

當(dāng)我們針對上述問題，做出相關(guān)診斷與解決方案的時候，我們就是確保執(zhí)行階段，可以完美的落實相關(guān)計劃，而不斷利用測試，積累經(jīng)驗。

總結(jié)：如果你長期從事SEO工作，你有的時候會對搜索引擎的調(diào)整天生的“敏感”，關(guān)于上述問題，仍然有諸多細(xì)節(jié)，和一些核心因素沒有進(jìn)一步的展開討論，僅供大家參考，我們一直認(rèn)為“眾人拾柴火焰高”。

著作權(quán)歸作者所有，本站根據(jù)CC0協(xié)議授權(quán)轉(zhuǎn)發(fā)

商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處

聯(lián)系：[運營的小事]編輯

2007版開始，OFFICE的界面風(fēng)格從菜單、工具欄轉(zhuǎn)為功能區(qū)（Ribbon）選項卡風(fēng)格已經(jīng)10年了，大家早已經(jīng)習(xí)慣了從各個選項卡中執(zhí)行命令的快捷。今天，回頭哥要和大家分享的是可能已經(jīng)被部分小伙伴習(xí)慣性遺忘的右鍵快捷菜單在Word排版中的應(yīng)用。右鍵菜單就出現(xiàn)在鼠標(biāo)活動光標(biāo)傍邊，距離非常的近，習(xí)慣了使用后，用戶可以省去很多操作冤枉路，手腕也會輕松不少哦。

一、在錄入文字時

在錄入文字的時候在光標(biāo)活動處直接單擊鼠標(biāo)右鍵，可以同時彈出浮動工具欄和右鍵菜單。其中浮動工具欄包含了字體、段落、項目編號、樣式和格式刷等常用的編輯工具，它就在鼠標(biāo)的右上方。

另外，剪貼板相關(guān)命令、字體和段落對話框都在右鍵菜單的顯示位置，選擇起來非常方便。如果要為選定的文字段落設(shè)置文字方向，或者向文檔中插入符號的號，可以從右鍵菜單中輕松選擇該命令，再也不用跑很遠(yuǎn)的“路”到選項卡中點擊3下鼠標(biāo)了。

注意：是否選擇文本后執(zhí)行右鍵，右鍵菜單中的部分命令特別是剪貼板命令顯示狀態(tài)是不同的。

二、在表格中

表格是Word中一個非常重要的工具，利用表格工具，不僅可以制作各類的表格，靈活運用表格工具，還可以完成很多特殊的排版效果。

在表格對象上面單擊鼠標(biāo)右鍵，也會有相應(yīng)的表格工具供用戶使用。

選中整個表格后，在表格中單擊右鍵，可以看到如下的菜單：在右鍵菜單中，常用的插入行、列、單元格命令，刪除表格、平均分布行或列、邊框樣式、自動調(diào)整、文字方向、表格屬性等都在菜單在，甚至還可以使用【插入題注】命令來方便的給表格進(jìn)行自動編號。

另外，Word會根據(jù)單元格的選擇結(jié)果不同而調(diào)整右鍵菜單中的命令，如下圖是不選擇任何單元格而直接在表格上單擊右鍵的菜單：

下圖是選擇了某幾個單元格再單擊鼠標(biāo)右鍵的結(jié)果：

三、在圖形圖片上

在Word中通過鼠標(biāo)右鍵，可以輕松將圖片保存成獨立的png圖片：

另外，還可以通過右鍵菜單對圖片進(jìn)行更改、添加題注，設(shè)置環(huán)繞版式，也可以打開圖片格式窗格進(jìn)行更為詳細(xì)的設(shè)置。

而在繪制的圖形中使用右鍵，則可以對圖形進(jìn)行添加文字、編輯頂點等快速設(shè)置：

下圖是在SmartArt上使用鼠標(biāo)右鍵的菜單：

四、在自動編號上

在自動編號列表上使用右鍵，可以對列表縮進(jìn)和編號起始值等項目進(jìn)行設(shè)置：

五、在應(yīng)用了內(nèi)置樣式的標(biāo)題上

在使用了樣式或大綱級別的標(biāo)題上使用鼠標(biāo)右鍵，可以對該標(biāo)題下的內(nèi)容進(jìn)行折疊或展開操作：

六、在導(dǎo)航窗格上

在導(dǎo)航窗格中的標(biāo)題上使用右鍵，可以對標(biāo)題進(jìn)行升降級、刪除、選中、展開折疊、打印指定標(biāo)題內(nèi)容等操作：

右鍵菜單可以說是無處不在，除了前文所述內(nèi)容外，在文檔中的其他對象上面，還有頁眉、頁腳、選項卡、狀態(tài)欄等程序界面上都可以使用右鍵菜單。在編輯文檔的過程中請大家要習(xí)慣的先去單擊一下鼠標(biāo)的右鍵，去探索右鍵中的秘密吧，真的會有意想不到的收獲哦！

圖文作者：鄭志澤

ExcelHome云課堂講師