有人問我對 CSS 的 BFC 了解多少联四，我一臉懵逼。后來谷歌查詢了一番伯病，發(fā)現(xiàn)工作中已經(jīng)多次使用了 BFC 特性卻不自知，比如清除浮動我知道用 ...
投稿
收錄了8篇文章 · 5人關(guān)注
-
CSS BFC 掃盲篇
-
css 透明度引發(fā)的思考
模態(tài)框?qū)崿F(xiàn) 想要實(shí)現(xiàn)個模態(tài)框的效果否过，背景有一層蒙版午笛，第一個想法就是設(shè)置背景淡灰色并給個透明度，so easy! 下面圖片可以看到苗桂，模態(tài)框內(nèi)部的文...
-
CSS偽類與偽元素完全指南
本文轉(zhuǎn)載自：眾成翻譯譯者：為之漫筆鏈接：http://www.zcfy.cc/article/239原文：https://www.smashin...
-
學(xué)會使用box-sizing布局盒子模型 關(guān)注公眾號獲取更多資訊 關(guān)于CSS重要的一個概念就是CSS盒子模型药磺。它控制著頁面這些元素的高度和寬度。盒子模型多少會讓人產(chǎn)生一些困惑煤伟，...
-
css3 transform和perspectiveperspective的介紹 指定觀察者距離z=0平面的距離癌佩，為元素及其內(nèi)容應(yīng)用透視變換。當(dāng)值為0或負(fù)值時便锨，無透視變換围辙。 z>0的三維元素比正常...
-
[轉(zhuǎn)]你真的了解word-wrap和word-break的區(qū)別嗎？
這兩個東西是什么放案，我相信至今還有很多人搞不清姚建，只會死記硬背的寫一個word-wrap:break-word;word-break:break-a...
-
display的block，inline和inlinke-block細(xì)節(jié)對比
一般我們會用display:block吱殉，display:inline或者display:inline-block來調(diào)整元素的布局級別掸冤，其實(shí)dis...
-
CSS之Position詳解
Position屬性 CSS的很多其他屬性大多容易理解，比如字體友雳，文本稿湿，背景等。有些CSS書籍也會對這些簡單的屬性進(jìn)行大張旗鼓的介紹押赊，而偏偏忽略...
-
CSS中的transform饺藤、transition、animationtransform流礁、transition涕俗、animation分別代表著轉(zhuǎn)換、過渡以及動畫崇棠。從各自的名字我們就可以大概了解到它們的用途咽袜。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.reibang.com/c/bc16f27f805f?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}