安裝 scss 注意：sass-loader需要指定@10的版本，因?yàn)楹罄m(xù)的版本在vue-cli腳手架中會(huì)出現(xiàn)一些問(wèn)題 基礎(chǔ)使用 大部分場(chǎng)景下，...
投稿
收錄了9篇文章 · 3人關(guān)注
-
Vue-cli中使用scss 的全局變量和 @mixin
-
圣杯布局和雙飛翼布局的理解與思考圣杯布局和雙飛翼布局是前端工程師需要日常掌握的重要布局方式。兩者的功能相同，都是為了實(shí)現(xiàn)一個(gè)兩側(cè)寬度固定，中間寬度自適應(yīng)的三欄布局。 圣杯布局來(lái)...
-
頁(yè)面布局題目： 假設(shè)高度已知，請(qǐng)寫(xiě)出三欄布局，其中左欄右欄高度各為300px,中間自適應(yīng) 慕課網(wǎng)視頻 能寫(xiě)出有幾種方案？ 方法一：float 浮動(dòng) 方法...
-
盒子模型CSS盒子模型 一、基本概念： 標(biāo)準(zhǔn)模型 標(biāo)準(zhǔn)模型的寬高就等于他們content的寬高 ?這是之前寫(xiě)的標(biāo)準(zhǔn)盒模型，可以去看看 IE模型IE模型w...
-
Css - 標(biāo)準(zhǔn)盒模型與IE盒模型
css3屬性box-sizing : content-box || border-box || inherit; content-box：標(biāo)準(zhǔn)盒...
-
CSS 盒子模型（標(biāo)準(zhǔn)模型）最后發(fā)現(xiàn)，鞏固基礎(chǔ)才是關(guān)鍵。 標(biāo)準(zhǔn)盒子模型 padding 可以設(shè)置四個(gè)值，如圖 表示內(nèi)邊距，內(nèi)容與盒子上右下左的距離。 記住順時(shí)針轉(zhuǎn)就行。 如...
-
Canvas繪制出一個(gè)時(shí)鐘
參考視頻資料:Canvas 繪制時(shí)鐘 最近復(fù)習(xí)到Canvas,先準(zhǔn)備來(lái)段有趣的代碼，用Canvas繪制出一個(gè)動(dòng)態(tài)的時(shí)鐘。然后后續(xù)再對(duì)Canvas...
-
CSS Float (浮動(dòng))
CSS浮動(dòng)float 參考教程（經(jīng)驗(yàn)分享：CSS浮動(dòng)(float,clear)通俗講解） 首先了解一下標(biāo)準(zhǔn)文檔流的排版：從上到下，從左到右，遇塊...
-
Position（定位）position可以取五個(gè)值 以上的absolute 和fixed 可以使得元素脫離文檔流。 position屬性只是定義元素的定位方式，要想此...
-
css實(shí)現(xiàn)側(cè)邊欄分欄高度和中間內(nèi)容自動(dòng)相等
經(jīng)常看見(jiàn)一個(gè)管理系統(tǒng)右側(cè)邊欄，要使得側(cè)邊高度隨著和中間內(nèi)容增多而增高。如圖： 猶如gif錄制工具的原因出現(xiàn)白色丟幀情況，不要介意?? 實(shí)現(xiàn)css代...
{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/1827808/wallpaper-588182.jpg', '推薦專題《html和css》（ 分享自 @簡(jiǎn)書(shū) ）','http://www.itdecent.cn/c/8da0a6c961e1?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}