垂直居中一直是CSS布局中比較令人頭疼的問(wèn)題，相比于水平居中，垂直居中對(duì)于不同的元素類型需要采取截然不同的策略，因此常常會(huì)因?yàn)椴呗缘恼`用導(dǎo)致無(wú)法成功居中。這篇文章總結(jié)了垂直居...
發(fā)簡(jiǎn)信
IP屬地：上海
-
CSS垂直居中的6種方法
-
理解塊級(jí)格式上下文
塊級(jí)格式上下文（Block Formatting Context）是CSS中一個(gè)相對(duì)冷門的概念，以至于很多從事前端開發(fā)多年的程序員對(duì)它也不是很熟悉。網(wǎng)上有很多關(guān)于BFC的文章...
-
理解CSS中的浮動(dòng)浮動(dòng)（float）是CSS中一個(gè)重要的定位及布局屬性，float 屬性可以接受以下幾個(gè)值： none ：元素不浮動(dòng)，默認(rèn)值。 left ：將元素浮動(dòng)到容器左側(cè)。 right：...
-
前端布局之外邊距塌陷問(wèn)題
塊級(jí)元素的上下外邊距有時(shí)候會(huì)合并，合并后的外邊距等于合并前兩個(gè)外邊距中的較大值，這種現(xiàn)象稱為外邊距塌陷。 外邊距塌陷有以下三種情況： 同級(jí)相鄰元素 同級(jí)相鄰元素之間的外邊距會(huì)...
-
使用CSS實(shí)現(xiàn)照片邊緣模糊效果
在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常會(huì)用到邊緣模糊的照片，這類照片由于邊緣演變漸變，在壓縮時(shí)很容易出現(xiàn)邊緣鋸齒化的問(wèn)題，因此不得不采用較高質(zhì)量的圖片，導(dǎo)致網(wǎng)頁(yè)體積的增大。事實(shí)上，使用CSS3的新...
-
理解Javascript閉包
什么是閉包 Closures are functions that have access to variables from another function's scop...
-
原首頁(yè)投稿專題 現(xiàn)暫停使用。 具體請(qǐng)查看：簡(jiǎn)書新版發(fā)現(xiàn)頁(yè)文章推薦系統(tǒng)上線公告 http://www.itdecent.cn/p/6c47b3244644
-
響應(yīng)式開發(fā)中的圖片處理
翻譯自Peter LePage 一個(gè)網(wǎng)頁(yè)中平均約60%的數(shù)據(jù)量是被圖片占據(jù)的，所以在響應(yīng)式開發(fā)中注重圖片的優(yōu)化可以很大程度上提高網(wǎng)頁(yè)的性能，例如為低分辨率的屏幕推送低分辨率的...
-
個(gè)人網(wǎng)站綁定域名方法國(guó)外的GitHub和國(guó)內(nèi)的oschina都支持使用Pages來(lái)托管靜態(tài)頁(yè)面，默認(rèn)的域名是username.github.io或username.oschina.io，如果想綁...
-
未完待續(xù)......<br>
-
搜索引擎優(yōu)化（SEO）技巧小結(jié)
關(guān)于搜索引擎優(yōu)化的方法一直眾說(shuō)紛紜，不同搜索引擎，不同國(guó)家的優(yōu)化方法可能也不盡相同，本文總結(jié)了一些國(guó)外的搜索引擎優(yōu)化方法，可操作性還是比較強(qiáng)的，權(quán)當(dāng)參考。 可索引的內(nèi)容 想要...
-
使用gulp進(jìn)行圖片優(yōu)化之前文章已經(jīng)提到，圖片的壓縮處理可以很大程度提高網(wǎng)頁(yè)性能。在實(shí)際工程中，借助自動(dòng)化工具可以很方便地實(shí)現(xiàn)圖片的壓縮，本文主要介紹gulp工作流下圖片的壓縮方法。 準(zhǔn)備工作 使用...
-
互聯(lián)網(wǎng)啥的都研究研究，曾經(jīng)是個(gè)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)專題遇見(jiàn)你。 收錄范圍：收錄IT&互聯(lián)網(wǎng)行業(yè)觀察與思考，數(shù)碼產(chǎn)品極客體驗(yàn)分析等類型文章 投稿須知：http://www.itdecent.cn/p/4edc76104c27 專題主編：@若錦 http://www.itdecent.cn/u/e4c63b354a77 官方社群：可聯(lián)系添加 @若錦 加入專題官方社群交流、學(xué)習(xí)，添加時(shí)備注簡(jiǎn)書ID。
-
如果你是程序員，或者有一顆喜歡寫程序的心，喜歡分享技術(shù)干貨、項(xiàng)目經(jīng)驗(yàn)、程序員日常囧事等等，歡迎投稿《程序員》專題。 專題主編：小彤花園 http://www.itdecent.cn/users/4a4eb4feee62/ 【程序員】專題拒稿指北：http://www.itdecent.cn/p/7c8b33b5f63b 投稿須知： 1.收錄相關(guān)技術(shù)文章，但不限于技術(shù)，也可以是項(xiàng)目經(jīng)驗(yàn)類的文章和程序員日常。 2.文章內(nèi)不得有任何推廣信息。包括但不限于公眾號(hào)、微博、微信，更不得在通過(guò)投稿后再修改文章加入推廣信息。你可以將這些推廣以及個(gè)人信息放在個(gè)人主頁(yè)介紹里。 3.字?jǐn)?shù)極少，段落混亂，大段代碼沒(méi)有放到代碼框的文章不收錄 4.不相關(guān)的內(nèi)容不收錄，請(qǐng)確認(rèn)文章內(nèi)容和本專題相關(guān) 目前針對(duì)優(yōu)質(zhì)作者及愛(ài)好者，開設(shè)了官方程序員微信群，希望加入請(qǐng)發(fā)簡(jiǎn)信給主編小彤花園索取個(gè)人微信，主編會(huì)將你加入到【程序員】微信群，分享內(nèi)容，收獲知識(shí)。添加微信時(shí)備注昵稱。
-
圖片優(yōu)化學(xué)習(xí)小結(jié)圖片在網(wǎng)頁(yè)應(yīng)用中的占據(jù)了大部分的下載數(shù)據(jù)并占據(jù)著頁(yè)面的大部分可視空間，因此在圖片的優(yōu)化可以顯著減少網(wǎng)頁(yè)下載數(shù)據(jù)并提升網(wǎng)頁(yè)性能。 圖片的優(yōu)化既是一門藝術(shù)同時(shí)也是一門科學(xué)。說(shuō)它是...
