開(kāi)篇序言：之前在華南理工大學(xué)計(jì)算機(jī)研究所面試硼一，被一個(gè)老師抓著這個(gè)問(wèn)題問(wèn)了一下午 當(dāng)時(shí)回答的很窘迫，大概只說(shuō)出七八種 后面發(fā)現(xiàn)也有小伙伴遇到過(guò)這個(gè)...
投稿
收錄了7篇文章 · 1人關(guān)注
-
如何讓div垂直居中（23種方法總結(jié)） -
移動(dòng)端 1px 像素問(wèn)題及解決辦法
前言：在移動(dòng)端web開(kāi)發(fā)中，UI設(shè)計(jì)稿中設(shè)置邊框?yàn)?像素，前端在開(kāi)發(fā)過(guò)程中如果出現(xiàn)border:1px，測(cè)試會(huì)發(fā)現(xiàn)在某些機(jī)型上，1px會(huì)比較粗，...
-
純CSS實(shí)現(xiàn)menu組合功能
先來(lái)看看效果 首先我告訴你蹬竖，這整個(gè)功能完全用 CSS完成。沒(méi)有使用JS流酬，沒(méi)有使用圖片币厕，沒(méi)有使用iconfont或其它任何除CSS以外的技術(shù)。 其...
-
理解 Css 布局和 BFC
CSS布局中有一些概念芽腾，一旦你理解了它們旦装，就能真正提高你的 CSS 布局能力。本文是關(guān)于塊格式化上下文(BFC)的摊滔。你可能從未聽(tīng)說(shuō)過(guò)這個(gè)術(shù)語(yǔ)阴绢，但...
-
記踩坑，flex布局引起的圖片變形flex布局作為新時(shí)代前端的利器艰躺，可以說(shuō)是必會(huì)了呻袭，幫我們解決了很多之前需要復(fù)雜代碼才能實(shí)現(xiàn)的效果，最近flex 用的也挺多的腺兴，分享一下一個(gè)fle...
-
30分鐘徹底弄懂flex布局
此文由elson發(fā)表于Elson's web 零左电、前言 目前在不考慮IE以及低端安卓機(jī)（4.3-）的兼容下，已經(jīng)可以放心使用flex進(jìn)行布局了页响。...
-
提高幸福感的 9 個(gè) CSS 技巧
前言 做過(guò)前端的都知道篓足，我們調(diào)試css往往是這樣的： 所以這篇文章我會(huì)介紹 9 個(gè)使你的 CSS 更加簡(jiǎn)潔優(yōu)雅的使用技巧，幫你搞定一些css難題...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1798223/crop1562806094789.jpg', '推薦專題《CSS3》（ 分享自 @簡(jiǎn)書(shū) ）','http://www.reibang.com/c/511f31aacfd1?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}