通常情況下凶掰，我們寫樣式穿透都是用 >>> 豺总，或者 /deep/ 以上這兩種方式正常情況下使用都沒有問題念恍，但在scss索守，less夕吻，sass等解析器中坤次，>>>,/deep/可能都...
發(fā)簡信
IP屬地：廣東
-
scss deep 樣式穿透
-
github國內(nèi)的鏡像網(wǎng)站
1驳规、最新國內(nèi)鏡像地址 https://kgithub.com/[https://kgithub.com/]之前使用的是：https://hub.fastgit.org/[ht...
-
toString.call()來檢測數(shù)據(jù)類型
最近在讀elementUI源碼的時候發(fā)現(xiàn)了這樣一段代碼 其中用toString.call()來檢測數(shù)據(jù)類型，這樣的方式無疑是比typeOf嚴(yán)謹(jǐn)?shù)陌卮擞涗浺幌隆?typeof...
-
08-CSS定位屬性&錨點
定位的認(rèn)識 定位的概念：可以控制元素在瀏覽器中的位置 關(guān)于定位使用的條件需要移動修飾的對象位置的移動方式需要改變參照物 定位屬性的使用 positionstatic 靜態(tài)定位...
-
07-[案例4]背景定位導(dǎo)航欄
需求：在導(dǎo)航欄中實現(xiàn)鼠標(biāo)移入時采够，產(chǎn)生圖標(biāo)變色效果知識點：背景定位，hover選擇器冰垄，元素類型蹬癌，圖片整合技術(shù) 原圖素材：
-
07-[案例3]圖片的默認(rèn)bug
圖片bug：默認(rèn)會往下?lián)伍_3~6px的間距，與其他元素之間產(chǎn)生間隙解決方法：給圖片設(shè)置基線對齊把圖片轉(zhuǎn)換成塊元素 圖片bug解決后顯示效果：
-
-
07-[案例1]實現(xiàn)img圖片居中對齊需求：實現(xiàn)圖片在盒子中的垂直對齊排列知識點：添加參照物（span,width=0）實現(xiàn)蝴罪，vertical-align:middle;
-
07-CSS垂直對齊屬性垂直對齊屬性 屬性：vertical-align 屬性值baseline 基線對齊董济，默認(rèn)值top/bottom/middle 需求：用基線實現(xiàn)圖片居中（了解即可，不實用）圖片...
-
06-[案例3]電商頁面商品的聚焦效果展示
需求：多商品展示時要门，當(dāng)鼠標(biāo)經(jīng)過商品虏肾，顯示一個聚焦效果（將聚焦效果的圖片作為背景）廓啊。知識點：display:none和block之間的應(yīng)用；使用基線實現(xiàn)圖片的vertical-...
-
06-[案例2]中英文切換導(dǎo)航的實現(xiàn)
需求：在鼠標(biāo)移動到導(dǎo)航欄懸浮時询微，將原本是英文的導(dǎo)航標(biāo)題變成中文崖瞭。知識點：display:none和block之間的應(yīng)用 注意：因為需要實現(xiàn)英文和中文分別顯示，所以中英文需要放...
-
06-[案例1]鼠標(biāo)移出移入控制二維碼的顯示與隱藏
需求：當(dāng)鼠標(biāo)移到導(dǎo)航欄時撑毛，在導(dǎo)航欄下方顯示出企業(yè)logo/二維碼知識點：display:none和block之間的應(yīng)用 注意：margin-top在圖片出現(xiàn)后，會應(yīng)用到img...
-
06-CSS元素類型元素類型的分類 在網(wǎng)頁布局中有的標(biāo)簽可以直接設(shè)置寬高大小唧领，但有的標(biāo)簽不可以直接設(shè)置藻雌，因為每個標(biāo)簽都有自己的類型。在css中根據(jù)顯示分類可以分為：塊級元素斩个、行內(nèi)元素胯杭、可變元素。...
-
如果你是程序員，或者有一顆喜歡寫程序的心滚局，喜歡分享技術(shù)干貨居暖、項目經(jīng)驗、程序員日常囧事等等藤肢，歡迎投稿《程序員》專題太闺。 專題主編：小彤花園 http://www.reibang.com/users/4a4eb4feee62/ 【程序員】專題拒稿指北：http://www.reibang.com/p/7c8b33b5f63b 投稿須知： 1.收錄相關(guān)技術(shù)文章，但不限于技術(shù)嘁圈，也可以是項目經(jīng)驗類的文章和程序員日常省骂。 2.文章內(nèi)不得有任何推廣信息。包括但不限于公眾號最住、微博钞澳、微信，更不得在通過投稿后再修改文章加入推廣信息涨缚。你可以將這些推廣以及個人信息放在個人主頁介紹里轧粟。 3.字?jǐn)?shù)極少，段落混亂仗岖，大段代碼沒有放到代碼框的文章不收錄 4.不相關(guān)的內(nèi)容不收錄逃延，請確認(rèn)文章內(nèi)容和本專題相關(guān) 目前針對優(yōu)質(zhì)作者及愛好者，開設(shè)了官方程序員微信群轧拄，希望加入請發(fā)簡信給主編小彤花園索取個人微信揽祥，主編會將你加入到【程序員】微信群，分享內(nèi)容檩电，收獲知識拄丰。添加微信時備注昵稱府树。
-
05-CSS圖片整合技術(shù)&文本溢出圖片整合技術(shù) 已逐漸淘汰，了解即可 作用：可以通過把很多小的圖標(biāo)整合到一張大的圖片上料按，通過背景定位技術(shù)移動圖片從而實現(xiàn)小圖標(biāo)位置 別名：css sprites奄侠、精靈圖、雪碧圖...
-
oracle安裝筆記
安裝oracle軟件方法 圖形界面 rpm包 靜默 安裝軟件容易檢測不通過的點： 包沒有裝完全---yum 用戶組創(chuàng)建有問題 軟硬限制有問題（使用預(yù)安裝包會自動配置） 交換空...
-
思考-靜態(tài)頁面布局
變量/標(biāo)簽名 取名神器 codeif 關(guān)于靜態(tài)頁面布局的思路 頁面可以看成是搭積木载矿，說明需要設(shè)置多個部分垄潮，并且將多個部分分成盒子進(jìn)行拼接 分析有六個區(qū)域 => div*6 給...
-
04-CSS核心屬性
A. 浮動屬性 在網(wǎng)頁布局中經(jīng)常看見很多標(biāo)簽?zāi)J(rèn)是從上到下顯示的闷盔，需要改變默認(rèn)的排序方式可以使用浮動屬性弯洗。 概念：使用浮動屬性可以改變元素的位置（默認(rèn)從上到下改為從左到右/從...
-
03-CSS基礎(chǔ)
CSS語法組成 作用：修飾美化頁面 組成：選擇器{聲明} --> 選擇器{屬性1:屬性值2;屬性2:屬性值2} 注意： 選擇器/選擇符是修飾當(dāng)前這個對象的（標(biāo)簽） {聲明...
-
02-HTML基礎(chǔ)2
圖片標(biāo)簽 標(biāo)簽img 標(biāo)簽屬性src：表示可以導(dǎo)入圖片的路徑alt：表示在圖片加載失敗時候提示文本（寫圖片的描述）優(yōu)化作用 路徑 絕對路徑（不推薦）含有電腦盤符的路徑地址只能...
