有人問(wèn)我對(duì) CSS 的 BFC 了解多少，我一臉懵逼。后來(lái)谷歌查詢(xún)了一番，發(fā)現(xiàn)工作中已經(jīng)多次使用了 BFC 特性卻不自知，比如清除浮動(dòng)我知道用 ...
投稿
收錄了8篇文章 · 5人關(guān)注
-
CSS BFC 掃盲篇
-
css 透明度引發(fā)的思考
模態(tài)框?qū)崿F(xiàn) 想要實(shí)現(xiàn)個(gè)模態(tài)框的效果，背景有一層蒙版，第一個(gè)想法就是設(shè)置背景淡灰色并給個(gè)透明度，so easy! 下面圖片可以看到，模態(tài)框內(nèi)部的文...
-
CSS偽類(lèi)與偽元素完全指南
本文轉(zhuǎn)載自：眾成翻譯譯者：為之漫筆鏈接：http://www.zcfy.cc/article/239原文：https://www.smashin...
-
學(xué)會(huì)使用box-sizing布局盒子模型 關(guān)注公眾號(hào)獲取更多資訊 關(guān)于CSS重要的一個(gè)概念就是CSS盒子模型。它控制著頁(yè)面這些元素的高度和寬度。盒子模型多少會(huì)讓人產(chǎn)生一些困惑，...
-
css3 transform和perspectiveperspective的介紹 指定觀察者距離z=0平面的距離，為元素及其內(nèi)容應(yīng)用透視變換。當(dāng)值為0或負(fù)值時(shí)，無(wú)透視變換。 z>0的三維元素比正常...
-
[轉(zhuǎn)]你真的了解word-wrap和word-break的區(qū)別嗎？
這兩個(gè)東西是什么，我相信至今還有很多人搞不清，只會(huì)死記硬背的寫(xiě)一個(gè)word-wrap:break-word;word-break:break-a...
-
display的block，inline和inlinke-block細(xì)節(jié)對(duì)比
一般我們會(huì)用display:block，display:inline或者display:inline-block來(lái)調(diào)整元素的布局級(jí)別，其實(shí)dis...
-
CSS之Position詳解
Position屬性 CSS的很多其他屬性大多容易理解，比如字體，文本，背景等。有些CSS書(shū)籍也會(huì)對(duì)這些簡(jiǎn)單的屬性進(jìn)行大張旗鼓的介紹，而偏偏忽略...
-
CSS中的transform、transition、animationtransform、transition、animation分別代表著轉(zhuǎn)換、過(guò)渡以及動(dòng)畫(huà)。從各自的名字我們就可以大概了解到它們的用途。trans...
-
overflow:hidden——溢出,坍塌,清除浮動(dòng)
overflow：hidden是overflow屬性的一個(gè)神奇用法，它可以幫助我們隱藏溢出的元素，清除浮動(dòng)和解除坍塌。下面的代碼將作為基本演示代...
{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/601164/%E6%9C%8D%E8%A3%85.png', '推薦專(zhuān)題《美工》（ 分享自 @簡(jiǎn)書(shū) ）','http://www.itdecent.cn/c/bc16f27f805f?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}