個(gè)人理解 1、BFC是一個(gè)獨(dú)立的布局環(huán)境，BFC內(nèi)部的元素布局與外部互不影響； 2、可以通過(guò)一些條件觸發(fā)BFC，從而實(shí)現(xiàn)布局上的需求或解決一些問(wèn)...
投稿
收錄了27篇文章 · 2人關(guān)注
-
一文搞懂CSS中的BFC是什么？ -
CSS Grid 網(wǎng)格布局一、概述 網(wǎng)格布局（Grid）是最強(qiáng)大的 CSS 布局方案。 它將網(wǎng)頁(yè)劃分成一個(gè)個(gè)網(wǎng)格，可以任意組合不同的網(wǎng)格，做出各種各樣的布局。以前，只能通...
-
html+css 動(dòng)態(tài)漸變背景演示效果 實(shí)現(xiàn)思路 先給背景設(shè)置了漸變顏色并且旋轉(zhuǎn)一定角度，實(shí)現(xiàn)斜著的漸變效果。接下來(lái)把背景放大500%，然后設(shè)置了一個(gè)15秒的動(dòng)畫(huà)，動(dòng)畫(huà)inf...
-
css grid 格子布局Grid布局是將容器劃分成“行”和“列”，產(chǎn)生單元格，然后指定“項(xiàng)目所在”的單元格，可以看作是二維布局。設(shè)置cssdisplay:grid或者d...
-
CSS高級(jí)知識(shí)點(diǎn)CSS的盒子模型 標(biāo)準(zhǔn)盒子模型：寬度=內(nèi)容的寬度（content）+ border + padding + margin 低版本IE盒子模型：寬...
-
透明圖片陰影效果+使用 ::before 添加按鈕的圖標(biāo)CSS 大約有兩百個(gè)屬性。很多屬性都是相互關(guān)聯(lián)的，理清楚每一個(gè)屬性細(xì)節(jié)是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便開(kāi)發(fā)者和設(shè)計(jì)師參...
-
html+css閃爍效果純css閃爍效果demo 具體速度和顏色自己可以自己調(diào) 效果
-
CSS實(shí)現(xiàn)文本顯示兩行
需要說(shuō)明的幾個(gè)屬性 text-overflow CSS[https://developer.mozilla.org/en-US/docs/Web...
-
49 個(gè)在工作中常用且容易遺忘的 CSS 樣式清單整理
喜歡的點(diǎn)贊收藏，關(guān)注我不定時(shí)分享更多精彩內(nèi)容。 來(lái)源：Web前端開(kāi)發(fā) 1、文字超出部分顯示省略號(hào) 單行文本的溢出顯示省略號(hào)（一定要有寬度） 多行...
-
前端常用CSS小技巧注意：以下前綴兼容性寫(xiě)法注釋-o-：Opera-ms：//IE10-moz：//火狐-webkit：//Safari 4-5, Chrome 1...
{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/1964515/crop1630541749449.jpg', '推薦專題《css3》（ 分享自 @簡(jiǎn)書(shū) ）','http://www.itdecent.cn/c/4d1c73a3309a?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}