BFC塊級(jí)格式化環(huán)境 bfc是css中的一個(gè)隱含的屬性，可以為該元素開啟一個(gè)獨(dú)立的布局區(qū)域 追迟，它包含著一定的規(guī)則 元素開啟bfc的特點(diǎn)：（1）不...
投稿
收錄了25篇文章 · 1人關(guān)注
-
26、關(guān)于父元素高度塌陷和塊級(jí)格式化環(huán)境BFC
-
CSS基礎(chǔ)-08-Display（隱藏元素 display:none弄痹，內(nèi)聯(lián)元素轉(zhuǎn)塊元素 display:inline翼馆，塊元素 → 內(nèi)聯(lián)元素 display:block）
1. 隱藏元素 （display:none） 1.1 Display 作用： 隱藏某個(gè)元素伞插，且該元素不占用空間粗梭。 示例 1.2 和 Visibi...
-
如何用一行 CSS 實(shí)現(xiàn) 10 種現(xiàn)代布局現(xiàn)代 CSS 布局使開發(fā)人員只需按幾下鍵就可以編寫十分有意義且強(qiáng)大的樣式規(guī)則拼坎。上面的討論和接下來(lái)的帖文研究了 10 種強(qiáng)大的 CSS 布局浮毯，它們...
-
CSS基礎(chǔ)-13-垂直導(dǎo)航欄（詳細(xì)創(chuàng)建過(guò)程）@[toc] 前言一步一步做出一個(gè)完整的導(dǎo)航欄 1. 最簡(jiǎn)導(dǎo)航欄 效果image.png 2 添加鼠標(biāo)改變背景色 < head > 的< sty...
-
CSS 實(shí)現(xiàn)卡片邊框漸變動(dòng)畫
前言 ??CSS實(shí)現(xiàn)卡片邊框漸變動(dòng)畫，速速來(lái)Get吧~ ??文末分享源代碼泰鸡。記得點(diǎn)贊+關(guān)注+收藏债蓝！ 1.實(shí)現(xiàn)效果 2.實(shí)現(xiàn)步驟 父容器添加背景漸變色...
-
CSS基礎(chǔ)-06-元素大小（設(shè)置元素尺寸height/width盛龄、最大值max-height max-width饰迹、最小值min-height min-width、設(shè)置行間距 line-height）1. 設(shè)置元素尺寸（height/width） 語(yǔ)法示例 自動(dòng)大小 像素設(shè)置 百分百設(shè)置 完整示例 代碼 結(jié)果顯示 2. 最大值余舶、最小值（max...
-
css漸變效果
css漸變效果 使用 CSS 漸變可以在兩種顏色間制造出平滑的漸變效果啊鸭。用它代替圖片，可以加快頁(yè)面的載入時(shí)間匿值、減小帶寬占用赠制。同時(shí)，因?yàn)闈u變是由瀏...
-
CSS基礎(chǔ)-17-圖片處理（圖片廊挟憔、透明圖片）@[toc] 1. 簡(jiǎn)單圖片廊 效果image.png 將瀏覽器拉窄image.png 繼續(xù)拉窄image.png 2. 響應(yīng)式圖片廊 概念 圖...
-
css頁(yè)面頂部底部固定钟些，中間自適應(yīng)幾種方法第一種 注意：當(dāng)頁(yè)面高度高于可視窗口的時(shí)候（也就是出現(xiàn)了滾動(dòng)條）；這時(shí)如果再使用絕對(duì)定位[https://so.csdn.net/so/sear...
-
再戰(zhàn)CSS樣式前言 最近面試绊谭，發(fā)現(xiàn)CSS層疊樣式表很多細(xì)節(jié)已經(jīng)忘得差不多了政恍。 寫樣式，畫界面是一個(gè)前端工程師最基礎(chǔ)的素養(yǎng)达传。 一篙耗、基礎(chǔ)選擇器 標(biāo)簽： 標(biāo)簽名 {...
{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/1988186/crop1653171189394.jpg', '推薦專題《CSS》（ 分享自 @簡(jiǎn)書 ）','http://www.reibang.com/c/0afe834c9f09?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}