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