垂直居中一直是CSS布局中比較令人頭疼的問題，相比于水平居中，垂直居中對于不同的元素類型需要采取截然不同的策略涨椒，因此常常會因?yàn)椴呗缘恼`用導(dǎo)致無法成功居中奕翔。這篇文章總結(jié)了垂直居...
發(fā)簡信
IP屬地：上海
-
CSS垂直居中的6種方法
-
理解塊級格式上下文
塊級格式上下文（Block Formatting Context）是CSS中一個相對冷門的概念接箫，以至于很多從事前端開發(fā)多年的程序員對它也不是很熟悉锁摔。網(wǎng)上有很多關(guān)于BFC的文章...
-
理解CSS中的浮動浮動（float）是CSS中一個重要的定位及布局屬性里烦，float 屬性可以接受以下幾個值： none ：元素不浮動损离，默認(rèn)值哥艇。 left ：將元素浮動到容器左側(cè)。 right：...
-
前端布局之外邊距塌陷問題
塊級元素的上下外邊距有時候會合并僻澎，合并后的外邊距等于合并前兩個外邊距中的較大值貌踏，這種現(xiàn)象稱為外邊距塌陷。 外邊距塌陷有以下三種情況： 同級相鄰元素 同級相鄰元素之間的外邊距會...
-
使用CSS實(shí)現(xiàn)照片邊緣模糊效果
在網(wǎng)頁設(shè)計(jì)中經(jīng)常會用到邊緣模糊的照片窟勃，這類照片由于邊緣演變漸變祖乳，在壓縮時很容易出現(xiàn)邊緣鋸齒化的問題，因此不得不采用較高質(zhì)量的圖片拳恋，導(dǎo)致網(wǎng)頁體積的增大凡资。事實(shí)上，使用CSS3的新...
-
理解Javascript閉包
什么是閉包 Closures are functions that have access to variables from another function's scop...
-
原首頁投稿專題 現(xiàn)暫停使用梆暖。 具體請查看：簡書新版發(fā)現(xiàn)頁文章推薦系統(tǒng)上線公告 http://www.reibang.com/p/6c47b3244644
-
響應(yīng)式開發(fā)中的圖片處理
翻譯自Peter LePage 一個網(wǎng)頁中平均約60%的數(shù)據(jù)量是被圖片占據(jù)的伞访，所以在響應(yīng)式開發(fā)中注重圖片的優(yōu)化可以很大程度上提高網(wǎng)頁的性能，例如為低分辨率的屏幕推送低分辨率的...
-
個人網(wǎng)站綁定域名方法國外的GitHub和國內(nèi)的oschina都支持使用Pages來托管靜態(tài)頁面轰驳，默認(rèn)的域名是username.github.io或username.oschina.io厚掷，如果想綁...
-
未完待續(xù)......<br>
-
搜索引擎優(yōu)化（SEO）技巧小結(jié)
關(guān)于搜索引擎優(yōu)化的方法一直眾說紛紜冒黑，不同搜索引擎田绑，不同國家的優(yōu)化方法可能也不盡相同，本文總結(jié)了一些國外的搜索引擎優(yōu)化方法抡爹，可操作性還是比較強(qiáng)的掩驱，權(quán)當(dāng)參考。 可索引的內(nèi)容 想要...
-
使用gulp進(jìn)行圖片優(yōu)化之前文章已經(jīng)提到冬竟，圖片的壓縮處理可以很大程度提高網(wǎng)頁性能欧穴。在實(shí)際工程中，借助自動化工具可以很方便地實(shí)現(xiàn)圖片的壓縮泵殴，本文主要介紹gulp工作流下圖片的壓縮方法涮帘。 準(zhǔn)備工作 使用...
-
互聯(lián)網(wǎng)啥的都研究研究调缨，曾經(jīng)是個war3，星際1苟鸯，cs都玩的中低手~~灌籃高手死忠粉同蜻。 現(xiàn)在創(chuàng)業(yè)做前端在線教育 <a href="https://links.jianshu.com/go?to=http%3A%2F%2Fgongchengketang.com" target="_blank">http://gongchengketang.com</a>
-
全棧工程師
-
-
Hi，很高興在@IT·互聯(lián)網(wǎng)專題遇見你咸包。 收錄范圍：收錄IT&互聯(lián)網(wǎng)行業(yè)觀察與思考桃序，數(shù)碼產(chǎn)品極客體驗(yàn)分析等類型文章 投稿須知：http://www.reibang.com/p/4edc76104c27 專題主編：@若錦 http://www.reibang.com/u/e4c63b354a77 官方社群：可聯(lián)系添加 @若錦 加入專題官方社群交流、學(xué)習(xí)烂瘫，添加時備注簡書ID媒熊。
-
如果你是程序員芦鳍，或者有一顆喜歡寫程序的心，喜歡分享技術(shù)干貨葛账、項(xiàng)目經(jīng)驗(yàn)柠衅、程序員日常囧事等等，歡迎投稿《程序員》專題籍琳。 專題主編：小彤花園 http://www.reibang.com/users/4a4eb4feee62/ 【程序員】專題拒稿指北：http://www.reibang.com/p/7c8b33b5f63b 投稿須知： 1.收錄相關(guān)技術(shù)文章菲宴，但不限于技術(shù)贷祈，也可以是項(xiàng)目經(jīng)驗(yàn)類的文章和程序員日常。 2.文章內(nèi)不得有任何推廣信息喝峦。包括但不限于公眾號势誊、微博、微信愈犹，更不得在通過投稿后再修改文章加入推廣信息键科。你可以將這些推廣以及個人信息放在個人主頁介紹里闻丑。 3.字?jǐn)?shù)極少漩怎，段落混亂，大段代碼沒有放到代碼框的文章不收錄 4.不相關(guān)的內(nèi)容不收錄嗦嗡，請確認(rèn)文章內(nèi)容和本專題相關(guān) 目前針對優(yōu)質(zhì)作者及愛好者勋锤，開設(shè)了官方程序員微信群，希望加入請發(fā)簡信給主編小彤花園索取個人微信侥祭，主編會將你加入到【程序員】微信群叁执，分享內(nèi)容，收獲知識矮冬。添加微信時備注昵稱谈宛。
-
圖片優(yōu)化學(xué)習(xí)小結(jié)圖片在網(wǎng)頁應(yīng)用中的占據(jù)了大部分的下載數(shù)據(jù)并占據(jù)著頁面的大部分可視空間，因此在圖片的優(yōu)化可以顯著減少網(wǎng)頁下載數(shù)據(jù)并提升網(wǎng)頁性能胎署。 圖片的優(yōu)化既是一門藝術(shù)同時也是一門科學(xué)吆录。說它是...
