原因就在于事件的冒泡，點(diǎn)擊span的時(shí)候，span 會(huì)把產(chǎn)生的事件往上冒泡，作為父節(jié)點(diǎn)的div2 和 祖父節(jié)點(diǎn)的div1也會(huì)收到此事件，于是會(huì)做出事件響應(yīng)，執(zhí)行響應(yīng)函數(shù)。比如span 點(diǎn)擊事件，產(chǎn)生一個(gè)event 事件對(duì)象，event.target 指向了span元素，span處理此事件時(shí)，event.currentTarget 指向的也是span元素，這時(shí)判斷兩者相等，則執(zhí)行相應(yīng)的處理函數(shù)。

8、追及問(wèn)題。四點(diǎn)整的時(shí)候，分針在時(shí)針后（5*4）格，如果分針在時(shí)針后與它成直角，那么分針就要比時(shí)針多走 （5*4－15）格，如果分針在時(shí)針前與它成直角，那么分針就要比時(shí)針多走（5*4＋15）格。例4 （第二雞兔同籠問(wèn)題）雞兔共有100只，雞的腳比兔的腳多80只，問(wèn)雞與兔各多少只？把應(yīng)用題中的未知數(shù)用字母X代替，根據(jù)等量關(guān)系列出含有未知數(shù)的等式——方程，通過(guò)解這個(gè)方程而得到應(yīng)用題的答案，這個(gè)過(guò)程，就叫做列方程解應(yīng)用題。

css中margin和padding用法區(qū)別介紹用margin還是用padding這個(gè)問(wèn)題是每個(gè)學(xué)習(xí)CSS進(jìn)階時(shí)的必經(jīng)之路。如15px + 20px的margin，將得到20px的空白。如15px + 20px的padding，將得到35px的空白。然而，我們細(xì)細(xì)查看下這個(gè)代碼，對(duì)照下我們上文所說(shuō)的規(guī)則，firstChild用了margin-top:20px來(lái)隔開(kāi)父元素與他的距離，secondChild也用margin-top:15來(lái)隔開(kāi)他與firstChild的距離，咋看之下挺符合我們所說(shuō)的margin是用來(lái)隔開(kāi)元素與元素的間距。

5、新建一個(gè)圖層，按Ctrl + Alt + G 與前一圖層編組，然后在當(dāng)前圖層下面新建一個(gè)圖層，用鋼筆勾出下圖所示的選區(qū)，按Ctrl + Alt + D 羽化5個(gè)像素后填充紅色，如下圖。6、新建一個(gè)圖層，用鋼筆勾出下圖所示的選區(qū)，羽化1個(gè)像素后填充紅色：#D80007。7、新建一個(gè)圖層，用鋼筆勾出圖8所示的選區(qū)，羽化1個(gè)像素后填充橙紅色：#FF6500，取消選區(qū)后加上圖層蒙版，用黑色畫(huà)筆把兩端涂點(diǎn)透明效果，如圖9。

5,復(fù)制幾個(gè)排列成下圖，并把除背景層之外的圖層合并。8，把花瓣的圖層手復(fù)制一份縮小做成花蕊的中心部分，并畫(huà)面花的莖桿。9，做到這步就差不多了，接下來(lái)就把花瓣，花蕊分別用圖層樣式里的顏色疊加成你喜歡的色，然后加上外發(fā)光，但有點(diǎn)要注意，比如疊成淡紫色，那么外發(fā)光就要發(fā)成深紫色，疊成Y100的黃，發(fā)光就要發(fā)成偏橙黃。

【轉(zhuǎn)載】常見(jiàn)的鋸齒產(chǎn)生原因及去除辦法詳解。如果發(fā)現(xiàn)有鋸齒，下面的教程會(huì)詳細(xì)分析原因及解決鋸齒問(wèn)題。導(dǎo)致模糊or鋸齒產(chǎn)生。原因：反復(fù)的填充（包括涂畫(huà)、拉漸變等等）導(dǎo)致原本用于平滑的邊緣半透明像素疊加，越來(lái)越不透明產(chǎn)生實(shí)體鋸齒。2-3 用不透明區(qū)域建立蒙版（ctrl+[縮略圖]選中圖層不透明區(qū)域，然后點(diǎn)擊[圖層面板]下面的添加蒙版按鈕）；ctrl+[縮略圖]選中圖層不透明區(qū)域，然后點(diǎn)擊[圖層面板]下面的添加蒙版按鈕生成蒙版。

【轉(zhuǎn)載】去除照片水印的方法。1、用PS打開(kāi)要去掉水印的圖片。3、按著鼠標(biāo)拖動(dòng)選擇要去掉的水印。4、按快捷鍵 Ctrl+J 把第三步選擇的水印建立一個(gè)新的圖層。5、移動(dòng)新建的圖層可見(jiàn)水印圖層。8、移動(dòng)水印圖層對(duì)準(zhǔn)底圖上的水印即可完成。9、復(fù)制水印圖層復(fù)蓋底圖的水印就可去除所有水印。10、復(fù)雜圖片水印的去法也大同小異。去了水印的效果圖。

【轉(zhuǎn)載】去除照片中文字的幾種方法1、使用仿制圖章工具去除文字。2、使用修補(bǔ)工具去除文字。按住Alt鍵，在無(wú)文字區(qū)域點(diǎn)擊相似的色彩或圖案采樣，然后在文字區(qū)域。⑵ 選取左邊工具欄中的圖章工具, 按住Alt鍵點(diǎn)擊選取源圖像點(diǎn)，綠色十字變紅后，在文字區(qū)域拖動(dòng)便完成復(fù)制6、某些背景色為垂直線(xiàn)性漸變顏色的圖標(biāo)，有一個(gè)方便的方法去除文字。方法是，用矩形選框工具在無(wú)文字區(qū)域中作一個(gè)選區(qū)，選區(qū)不宜太寬，高度應(yīng)高于文字。

【轉(zhuǎn)載】圖示詳解圖案圖章工具的妙用。來(lái)源：Dadapai 作者：令彬 圖案圖章工具平時(shí)我們都不怎樣用，不過(guò)在某種場(chǎng)合下，她也有獨(dú)特的用途。在不用蒙版的情況下，我們可以用圖案圖章工具輕松的還原照片的局部或整體。10、創(chuàng)建新圖層，選擇圖案圖章工具，并選擇之前定義的圖案。11、使用圖案圖章工具在新建圖層中描繪畫(huà)布得到如下效果，完工。

【轉(zhuǎn)載】巧用通道混合器還原照片局部丟失的細(xì)節(jié)。創(chuàng)建通道混合器調(diào)整圖層，適當(dāng)設(shè)置參數(shù)后，把圖層混合模式及不透明度稍微調(diào)整一下，效果就出來(lái)。1、打開(kāi)原圖素材，點(diǎn)通道面板，可以明顯的看到紅通道頭部亮得刺眼，缺少細(xì)節(jié)。2、回到圖層面板，創(chuàng)建通道混合器調(diào)整圖層。5、再次打開(kāi)通道面板，查看紅通道，我們發(fā)現(xiàn)原來(lái)白色刺眼的紅通道已經(jīng)變?yōu)榧?xì)節(jié)豐富的灰色了。

css行高line-height的一些深入理解及應(yīng)用css行高line-height的一些深入理解及應(yīng)用。讀過(guò)我前面有關(guān)自適應(yīng)按鈕文章的人可能會(huì)發(fā)現(xiàn)我使用了line-height代替了height，其原因在于：IE6，IE7下，類(lèi)似inline-block屬性的元素里如果有block屬性的元素，如果該block haslayout，則該標(biāo)簽會(huì)沖破外部inline-block的顯示而寬度100%顯示，從使按鈕自適應(yīng)文字大小的效果失效，解決方法就是使用line-height代替height。line-height:20px;

使IE6下PNG背景透明的七種方法任你選。PNG格式比起GIF來(lái)表現(xiàn)色彩更豐富，特別是表現(xiàn)漸變以及背景透明的漸變要比GIF格式出色很多，目前，最新的瀏覽器基本上都支持PNG格式。因此，其他瀏覽器會(huì)調(diào)用PNG，而IE6剛調(diào)用GIF。上面的原理是其他調(diào)用PNG，IE6,則先設(shè)背景沒(méi)有，然后調(diào)用濾鏡使之顯示PNG圖片。<div class="pngImg">PNG背景圖片</div> <img src="png圖片" class="pngImg" alt=""> 詳細(xì)的應(yīng)用方法這里就不介紹啦。

必須掌握的關(guān)于IE6、IE7和FF最簡(jiǎn)單的CSS hack技巧 - CSS Web Des...　　關(guān)于CSS HACK的文章在52CSS.com中提及的也很多。CSSer必須掌握的關(guān)于IE6、IE7和FF的最簡(jiǎn)單的hack技巧。在IE6和IE7如果要使用HACK必須要在前面加上夫級(jí)標(biāo)簽html。上面內(nèi)容看完可以點(diǎn)擊下面的效果在不同瀏覽器來(lái)看看效果，　　其中橙色代表FF，藍(lán)色代表IE7，黑色代表IE6。

CSS 相對(duì)|絕對(duì)(relative/absolute)定位系列（一） ?張?chǎng)涡?鑫空間-鑫生活CSS 相對(duì)|絕對(duì)(relative/absolute)定位系列（一）三、absolute屬性的情感化認(rèn)識(shí)。<div class="div"><img src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" /><p>圖片無(wú)absolute</p></div><div class="div"><img class="abs" src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" /><p>圖片absolute后</p></div>

CSS 相對(duì)/絕對(duì)(relative/absolute)定位系列（二） ?張?chǎng)涡?鑫空間-鑫生活CSS 相對(duì)/絕對(duì)(relative/absolute)定位系列（二）.p-price {position: absolute;實(shí)際上，完全可以使用margin-top屬性代替這里的relative+absolute+top屬性組合。然而，這里的絕對(duì)定位使用我必須稱(chēng)贊一下，因?yàn)楹茈y得的，這里的absolute使用主要是利用了absolute屬性的破壞性（高寬占據(jù)空間為0的特性），而不是利用其定位性（借助left/top等屬性的定位）。

<br /> <div style="position:absolute; left:20px; bottom:10px; width:100px; height:100px; background:#00FFFF;">position:absolute;<br /></div><div style="text-align:center; background:#ccc;"> <div style="margin:0 auto; width:600px; background:#FF66CC; text-align:left;"><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p> <div style="padding:20px 0 0 20px; background:#FFFF00;"> padding:20px 0 0 20px;

<圖10> <圖11> <圖12>6、在背景圖層上面新建一個(gè)圖層，用鋼筆勾出圖13所示的選區(qū)，填充顏色：#3F9EFC，圖層不透明度改為：60%，加上圖層蒙版，用黑白線(xiàn)性漸變拉出右側(cè)透明度效果如圖14。<圖24> <圖25> 13、新建一個(gè)圖層，用鋼筆勾出圖26所示的選區(qū)，填充顏色：#3F9EFC，圖層混合模式改為"顏色減淡"，圖層不透明度改為：60%，效果如下圖。

Photoshop制作漂亮的彩帶心形8.Photoshop制作漂亮的彩帶心形[2011-7-4]22、創(chuàng)建亮度/對(duì)比度調(diào)整圖層，參數(shù)設(shè)置如圖29，效果如圖30。23、新建一個(gè)圖層，按Ctrl + Alt + Shift + E 蓋印圖層?；旌夏Ｊ礁臑?quot;顏色減淡"，按住Alt鍵添加圖層蒙版，用白色畫(huà)筆把需要加強(qiáng)的部分擦出來(lái)，效果如下圖。24、新建一個(gè)圖層，用畫(huà)筆點(diǎn)上一些小點(diǎn)，大致效果如下圖。<點(diǎn)小圖查看大圖>

4、在"果實(shí)主體"圖層上面新建一個(gè)圖層（新建的圖層已經(jīng)于下層編組，后面的操作就方便很多），用鋼筆勾出圖5所示的選區(qū)，按Ctrl + Alt + D 羽化20個(gè)像素后填充顏色：#9B0F07，效果如圖6。15、調(diào)出"果實(shí)輪廓"圖層選區(qū)，在圖層的最上面新建一個(gè)圖層，把前景顏色設(shè)置為：#981108，用畫(huà)筆把草莓的頂部涂上一些暗調(diào)，效果如下圖。16、在圖層的最上面新建一個(gè)圖層，用鋼筆勾出葉柄部分的選區(qū)，填充顏色：#83A107，效果如下圖。

8、新建一個(gè)圖層，用鋼筆勾出下圖所示的選區(qū)，填充顏色：#EB4F4F，取消選區(qū)后，用加深工具把尾部及頂部稍微涂暗一點(diǎn)，效果如下圖。10、用鋼筆勾出下圖所示的選區(qū)，羽化3個(gè)像素后填充顏色：#C31F1F，同樣與前一圖層編組，效果如下圖。21、在"尾巴1"圖層上面新建一個(gè)圖層，用鋼筆勾出下圖所示的選區(qū)，羽化5個(gè)像素后填充顏色：#BF1716，按Ctrl + Alt + G 與前一圖層編組。