利用border和屬性transparent（透明屬性）制作三角形迄靠，width&height為0 設(shè)置邊框?qū)挾?根據(jù)width屬性繪制不同大小長...
投稿
收錄了13篇文章 · 2人關(guān)注
-
利用border屬性繪制三角形和箭頭 -
圣杯布局&雙飛翼布局圣杯布局布局和雙飛翼布局：兩側(cè)寬度固定荐虐，中間寬度自適應(yīng)的三欄布局，中間要放在文檔流前面以優(yōu)先渲染绵脯，允許三列中的任意列成為最高列 圣杯布局： 假設(shè)...
-
等高布局一、padding&margin的疊加 原理:,使用足夠高的padding-bottom 來顯示高度的落差部分,設(shè)置反向的margin-bott...
-
側(cè)邊欄多級欄目案例利用position和display屬性實現(xiàn)當(dāng)鼠標(biāo)移動展示多級欄目效果 導(dǎo)航欄整體nav敦跌，設(shè)置寬度贴谎，定位到相應(yīng)位置，高度自動旺芽，（并不知道里面有多...
-
position定位案例
使用position定位實現(xiàn)鼠標(biāo)移動滑出效果 為三個元素設(shè)置同樣寬高沪猴，之后為父元素設(shè)置overflow：hidden屬性，遮罩層屬于溢出部分進(jìn)行...
-
BFC&IFC&IE兼容問題
BFC:(block formatting context) 塊級格式上下文,以特殊的規(guī)則渲染內(nèi)部的元素,一片獨立的渲染空間. BFC: ...
-
CSS定位
position 使元素相對于定位參考元素發(fā)生指定方向和數(shù)值的便宜 任意元素可以設(shè)置采章，不會與其他屬性發(fā)生沖突 1运嗜，定位參考元素 2，可選屬性值 ...
-
css浮動浮動float 讓元素按照指定的方向移動（只可以左右）悯舟，知道容器的邊界padding担租，或者其他浮動邊界margin，才會停下 float:lef...
-
CSS盒子模型盒子模型概念： 盒子模型用來“放”網(wǎng)頁中的各種元素 網(wǎng)頁設(shè)計中的內(nèi)容如文字抵怎，圖片等元素奋救，都可以是盒子（div嵌套） 普通文檔流: (...
-
css問題標(biāo)準(zhǔn)盒模型&非標(biāo)準(zhǔn)盒模型（怪異盒模型） 標(biāo)準(zhǔn)盒模型 box-sizing （模型樣式） 語法： box-sizing：content-box （...
{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/1779180/279759ee3d6d55fbe2fea0a66f224f4a20a4dd72.jpg.png', '推薦專題《css基礎(chǔ)&布局樣式&問題》（ 分享自 @簡書 ）','http://www.reibang.com/c/c321bdeda5f7?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}