-
一、類似于書(shū)簽的圖標(biāo)用css實(shí)現(xiàn) <div class="book"></div> .book{ width:100px; height:50px; background-color:#f00; position:relative;/*不要忘了寫(xiě)*/ } .book:after{ content:'';/*是'',不是""*/ position:absolute; left:0; bottom:0; width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:10px solid #fff; }查看全部
-
一、jpg圖像裁剪: 1、窗口-圖層。 2、矩形選框選中。 3、圖像-裁剪。 二、ctrl alt shift s:存儲(chǔ)為web所用格式。 三、ctrl alt z:還原。查看全部
-
一、h 手抓圖片。 二、1、選擇,自動(dòng)選擇:圖層。 2、選中圖層后,右鍵選擇:轉(zhuǎn)換為智能對(duì)象。 3、框選要選擇的那部分圖。 4、ctrl c 、ctrl n. ctrl n是新建,會(huì)記住選擇的寬度、高度等的信息。 5、存儲(chǔ)為png-24。查看全部
-
一、 f8 :顯示像素信息。 ctrl d:取消選中。 二、webstorm中按住alt,然后點(diǎn)擊光標(biāo),可以在點(diǎn)擊的這些位置,接下來(lái)加入相同的內(nèi)容。查看全部
-
一、ctrl alt 滾動(dòng):放大縮小查看全部
-
div.public-header+div.public-container clearfloat(div.header-logo)+div.index-banner+div.pub-container index-list+div.public-container index-panel+div.public-footer+div.public-footer(div.public+container)查看全部
-
上110,中1100,下318查看全部
-
div.index-panel-header查看全部
-
div.public-header+div.index-banner+div.index-list+div.index-panel+div.index-panel+div.public-footer查看全部
-
布局設(shè)計(jì)查看全部
-
切圖小技巧:首先選中相應(yīng)的圖層,右擊將其轉(zhuǎn)換成只能對(duì)象,然后用選取工具選中它,Ctrl+C然后Ctrl+N,打開(kāi)新建的透明背景后,Ctrl+V即可將相應(yīng)的圖層快速粘貼過(guò)去。此方法可以切透明的不規(guī)則圖片。查看全部
-
psd還原h(huán)tml要保證px為偶數(shù),切圖,作圖區(qū)域及圖片盡量用偶數(shù) 不能讓內(nèi)聯(lián)元素和塊級(jí)元素處于同意層次,所以a初始化display:block。 按alt鍵可以選中5項(xiàng)然后空格一起更改class為item li*5>a按tab鍵即可5項(xiàng)列表 public-container有高度所以要加浮動(dòng)clearfloat 不常更新的圖片,如網(wǎng)站的logo,可以作背景,而需要經(jīng)常更換的圖片,需要用img標(biāo)簽展示查看全部
-
前期規(guī)范 思路很好,值得借鑒查看全部
-
使用margin負(fù)值裁剪查看全部
-
public-container居中容器查看全部
舉報(bào)
0/150
提交
取消