發(fā)簡信
IP屬地：廣東
-
08-CSS定位屬性&錨點(diǎn)
定位的認(rèn)識(shí) 定位的概念：可以控制元素在瀏覽器中的位置 關(guān)于定位使用的條件需要移動(dòng)修飾的對象位置的移動(dòng)方式需要改變參照物 定位屬性的使用 posi...
-
07-[案例4]背景定位導(dǎo)航欄
需求：在導(dǎo)航欄中實(shí)現(xiàn)鼠標(biāo)移入時(shí)脯爪，產(chǎn)生圖標(biāo)變色效果知識(shí)點(diǎn)：背景定位柔吼，hover選擇器乌叶，元素類型重绷，圖片整合技術(shù) 原圖素材：
-
07-[案例3]圖片的默認(rèn)bug
圖片bug：默認(rèn)會(huì)往下?lián)伍_3~6px的間距逆日，與其他元素之間產(chǎn)生間隙解決方法：給圖片設(shè)置基線對齊把圖片轉(zhuǎn)換成塊元素 圖片bug解決后顯示效果：
-
07-[案例2]京東頁面的多商品展示布局需求：實(shí)現(xiàn)電商的多商品展示效果鸵赫。知識(shí)點(diǎn)：圖片垂直居中vertical-align:middle;抵蚊，浮動(dòng)。
-
07-[案例1]實(shí)現(xiàn)img圖片居中對齊需求：實(shí)現(xiàn)圖片在盒子中的垂直對齊排列知識(shí)點(diǎn)：添加參照物（span,width=0）實(shí)現(xiàn)耕赘，vertical-align:middle;
-
07-CSS垂直對齊屬性垂直對齊屬性 屬性：vertical-align 屬性值baseline 基線對齊骄蝇，默認(rèn)值top/bottom/middle 需求：用基線實(shí)現(xiàn)圖...
-
06-[案例3]電商頁面商品的聚焦效果展示
需求：多商品展示時(shí)，當(dāng)鼠標(biāo)經(jīng)過商品操骡，顯示一個(gè)聚焦效果（將聚焦效果的圖片作為背景）九火。知識(shí)點(diǎn)：display:none和block之間的應(yīng)用；使用基...
-
06-[案例2]中英文切換導(dǎo)航的實(shí)現(xiàn)
需求：在鼠標(biāo)移動(dòng)到導(dǎo)航欄懸浮時(shí)册招，將原本是英文的導(dǎo)航標(biāo)題變成中文岔激。知識(shí)點(diǎn)：display:none和block之間的應(yīng)用 注意：因?yàn)樾枰獙?shí)現(xiàn)英文和...
-
06-[案例1]鼠標(biāo)移出移入控制二維碼的顯示與隱藏
需求：當(dāng)鼠標(biāo)移到導(dǎo)航欄時(shí)，在導(dǎo)航欄下方顯示出企業(yè)logo/二維碼知識(shí)點(diǎn)：display:none和block之間的應(yīng)用 注意：margin-to...