-
總結： 1、psd 自動選擇：圖層 --> ctrl+c --> ctrl+n --> ctrl+v； 2、psd 自動選擇：圖層 --> 圖像 --> 剪切； 3、拼圖：方法1 + 其中一個使用“畫布大小”添加空白位置 --> 拼圖； 4、background-position:x y： x：從左至該對象的距離； y：從上至該對象的距離。查看全部
-
切圖，點亮的star與未點亮的star放在一起，sprite圖使用查看全部
-
a標簽可以嵌套div，h4，p標簽查看全部
-
.index-menu .menu-list { margin-top: 150px; color: #555; /*列表項中偶數子項不需要外邊距,可以在ul父容器中增加60px，多出來的外邊距通過overflow隱藏*/ overflow: hidden; } /* 要把偶數項的margin-right去掉，因為總寬度超過1100px導致換行了 列表項中偶數子項不需要外邊距,可以在ul父容器中增加60px，多出來的外邊距通過設置父容器overflow隱藏 好處：這樣處理就不用在對每一個偶數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; }查看全部
-
通過分別設置元素邊框的屬性，畫出三角形 border-left: 78px solid transparent; border-right: 78px solid transparent; border-bottom: 10px solid #fff;查看全部
-
使用絕對定位absolute與margin來定位banner-text查看全部
-
為避免窗口縮小時，背景圖出現滾動條。 .index-banner-bg { overflow: hidden; }查看全部
-
線條的處理，線條的處理，可以使用偽元素befor和after或background，這里加入i標簽，更清晰明了。 <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",安裝了網絡電話可以直接點擊打了查看全部
-
根據設計稿設置line-height，實現文字間距查看全部
-
<div class="footer-col"></div> <div class="footer-col"></div> <div class="footer-col"></div> <div class="footer-col"></div>四列查看全部
-
不要讓內聯元素與塊級元素處于同一級別下 <div> <a class="header-logo"></a>→<div class="header-logo"></div> <ul class="header-nav"></ul> </div>查看全部
-
用戶可視區域里，共有的居中容器public-container,知道寬度的情況下可以設置margin: 0 auto查看全部
-
先寫頁面整體結構查看全部
-
reset.css查看全部
舉報
0/150
提交
取消