摘要:僅僅使用作為身體的布局,用的各種和圓角屬性來(lái)繪制各部位的形狀,當(dāng)然也不會(huì)使用任何圖片哦。有的同學(xué)說(shuō),用不是能畫(huà)得更逼真而且更簡(jiǎn)單嗎這點(diǎn)我也非常贊同,但我的理由還是,那就沒(méi)意思了。這次寫(xiě)的詳細(xì)一點(diǎn),把各個(gè)部位都拆出來(lái)分析。收工歡迎大家吐槽 僅僅使用div作為身體的布局,用css3的各種transform和圓角屬性來(lái)繪制各部位的形狀,當(dāng)然也不會(huì)使用任何圖片哦。那就沒(méi)意思了。有的同學(xué)說(shuō),用c...
摘要:水平居中內(nèi)聯(lián)元素水平居中利用可以實(shí)現(xiàn)在塊級(jí)元素內(nèi)部的內(nèi)聯(lián)元素水平居中。此方法對(duì)內(nèi)聯(lián)元素內(nèi)聯(lián)塊內(nèi)聯(lián)表元素水平居中都有效。核心代碼演示程序演示代碼垂直居中單行內(nèi)聯(lián)元素垂直居中通過(guò)設(shè)置內(nèi)聯(lián)元素的高度和行高相等,從而使元素垂直居中。 簡(jiǎn)言 CSS居中是前端工程師經(jīng)常要面對(duì)的問(wèn)題,也是基本技能之一。今天有時(shí)間把CSS居中的方案匯編整理了一下,目前包括水平居中,垂直居中及水平垂直居中方案共15種。...
摘要:小程序與平常開(kāi)發(fā)中引入字體圖標(biāo)的方式不一樣,必須先轉(zhuǎn)為再引入,以阿里巴巴字體圖標(biāo)為例一去官網(wǎng)下載想要的圖標(biāo)將想要的圖標(biāo)添加入庫(kù)進(jìn)入購(gòu)物車(chē)下載代碼下載成功后,將得到一個(gè)名為的文件,然后解壓得到這么一堆文件二轉(zhuǎn)換文件為推薦去轉(zhuǎn)換配置選項(xiàng),將配置 小程序與平常web開(kāi)發(fā)中引入字體圖標(biāo)的方式不一樣,必須先轉(zhuǎn)為base64再引入,以阿里巴巴字體圖標(biāo) http://iconfont.cn 為例: ...
摘要:第二個(gè)子元素將分配到,因?yàn)槠渖炜s放大系數(shù)為。你也可以賦予你的子元素一個(gè)伸縮收縮系數(shù),如下伸縮收縮系數(shù),盡管稱(chēng)謂如此,但還是正值即上述聲明中的第二個(gè)無(wú)單位值。由于子元素上設(shè)置了伸縮收縮系數(shù)第一個(gè)子元素將移除溢出量的,即。其計(jì)算值因此變?yōu)椤? 原文:https://dev.opera.com/articles/flexbox-basics/ 譯者注:本文僅簡(jiǎn)單翻譯下原文中關(guān)于如何計(jì)算 fl...
前端LeetCode刷題 下面是已刷的題目的目錄。GitHub:https://github.com/cunzaizhuy...每日打卡更新中,歡迎關(guān)注。 數(shù)組類(lèi) 26 刪除排序數(shù)組中的重復(fù)項(xiàng) 27 移除元素 35 搜索插入位置 66 加1 80 medium 刪除排序數(shù)組中的重復(fù)項(xiàng)2 88 合并兩個(gè)有序數(shù)組 167 兩數(shù)之和II - 輸入有序數(shù)組 118 楊輝三角 169 easy 求眾數(shù) 1...