-
總結(jié)： 1、psd 自動(dòng)選擇：圖層 --> ctrl+c --> ctrl+n --> ctrl+v； 2、psd 自動(dòng)選擇：圖層 --> 圖像 --> 剪切； 3、拼圖：方法1 + 其中一個(gè)使用“畫布大小”添加空白位置 --> 拼圖； 4、background-position:x y： x：從左至該對(duì)象的距離； y：從上至該對(duì)象的距離。查看全部
-
切圖，點(diǎn)亮的star與未點(diǎn)亮的star放在一起，sprite圖使用查看全部
-
a標(biāo)簽可以嵌套div，h4，p標(biāo)簽查看全部
-
.index-menu .menu-list { margin-top: 150px; color: #555; /*列表項(xiàng)中偶數(shù)子項(xiàng)不需要外邊距,可以在ul父容器中增加60px，多出來的外邊距通過overflow隱藏*/ overflow: hidden; } /* 要把偶數(shù)項(xiàng)的margin-right去掉，因?yàn)榭倢挾瘸^1100px導(dǎo)致?lián)Q行了 列表項(xiàng)中偶數(shù)子項(xiàng)不需要外邊距,可以在ul父容器中增加60px，多出來的外邊距通過設(shè)置父容器overflow隱藏 好處：這樣處理就不用在對(duì)每一個(gè)偶數(shù)li添加特殊化樣式，后端在用模版引擎輸出需要額外判斷。*/ .index-menu .menu-list ul { width: 1160px; background-color: #f34949; } .index-menu .menu-item { float: left; width: 520px; margin-right: 60px; margin-bottom: 56px; }查看全部
-
通過分別設(shè)置元素邊框的屬性，畫出三角形 border-left: 78px solid transparent; border-right: 78px solid transparent; border-bottom: 10px solid #fff;查看全部
-
使用絕對(duì)定位absolute與margin來定位banner-text查看全部
-
為避免窗口縮小時(shí)，背景圖出現(xiàn)滾動(dòng)條。 .index-banner-bg { overflow: hidden; }查看全部
-
線條的處理，線條的處理，可以使用偽元素befor和after或background，這里加入i標(biāo)簽，更清晰明了。 <p><i class="line line-l"></i>文字<i class="line line-l"></i></p>查看全部
-
<a class="footer-tell" href="tel:718-749-1714">718-749-1714</a> 聲明了屬性 href="tel:718-749-1714",安裝了網(wǎng)絡(luò)電話可以直接點(diǎn)擊打了查看全部
-
根據(jù)設(shè)計(jì)稿設(shè)置line-height，實(shí)現(xiàn)文字間距查看全部
-
<div class="footer-col"></div> <div class="footer-col"></div> <div class="footer-col"></div> <div class="footer-col"></div>四列查看全部
-
不要讓內(nèi)聯(lián)元素與塊級(jí)元素處于同一級(jí)別下 <div> <a class="header-logo"></a>→<div class="header-logo"></div> <ul class="header-nav"></ul> </div>查看全部
-
用戶可視區(qū)域里，共有的居中容器public-container,知道寬度的情況下可以設(shè)置margin: 0 auto查看全部
-
先寫頁面整體結(jié)構(gòu)查看全部
-
reset.css查看全部
舉報(bào)
0/150
提交
取消