| 序 | 教程摘要 |
|---|---|
| 31 |
《css中強(qiáng)制換行word-break、word-wrap、white-space區(qū)別實(shí)例》【vephp】 本文講解css中強(qiáng)制換行word-break、word-wrap、white-space區(qū)別實(shí)例 |
| 32 |
《CSS動(dòng)畫：CSS3實(shí)現(xiàn)鼠標(biāo)移到圖片上出現(xiàn)文字標(biāo)題或提示，鼠標(biāo)移開(kāi)文字隱藏消失》【vephp】 現(xiàn)在這個(gè)動(dòng)畫效果很常見(jiàn)，就是一張圖片， 鼠標(biāo)移上去，淡出或從各個(gè)角度浮出文字標(biāo)題。鼠標(biāo)移開(kāi)這個(gè)文字標(biāo)題又消失。 |
| 33 |
《css3的animation動(dòng)畫播放完后如何停止在最后的狀態(tài)》【vephp】 但是，這里有兩個(gè)問(wèn)題需要做好： 1、動(dòng)畫播放幾次？這需要用animation-iteration-count來(lái)控制，一般設(shè)置為1. 2、一旦動(dòng)畫完成元素會(huì)回到原來(lái)的樣子。 CSS3 屬性 animation-fill-mode 用來(lái)定義元素在動(dòng)畫結(jié)束后的樣子。 animation-fill-mode 的默認(rèn)值是 none，也就是在動(dòng)畫結(jié)束之后不做任何改動(dòng)， |
| 34 |
《CSS菜單制作案例：純CSS下拉菜單》【vephp】 菜單有兩個(gè)子類別特性,父級(jí)菜單懸停激活鏈接。第一級(jí)sub-links主要出現(xiàn)在導(dǎo)航欄,然后二級(jí)鏈接從第一個(gè)下拉水平飛出。 |
| 35 |
《CSS不規(guī)則彈出式菜單要點(diǎn)》【vephp】 所謂的不規(guī)則彈出式菜單是什么樣的？如圖，菜單和子菜單大小不一致，和簡(jiǎn)單的下拉菜單不太一樣。 |
| 36 |
《CSS hack實(shí)錄》【vephp】 來(lái)進(jìn)行chrome和ff的css hack，經(jīng)測(cè)試上面的寫法，在chrome是有效的，其中關(guān)鍵的是“and(-webkit-min-device-pixel-ratio:0)”，如果把它去掉，則FF\IE\CHROME都有效，無(wú)法做到區(qū)分的目的。 |
| 37 |
《2張古董級(jí)的CSS HACK表》【vephp】 這2張CSS HACK表，在IE6-8年代，學(xué)過(guò)CSS人都很熟悉，如今也差不多進(jìn)入古董了，懷念一下當(dāng)年的不易。 |
| 38 |
《如何用純CSS實(shí)現(xiàn)的箭頭的效果？》【vephp】 用CSS即可繪制出各種箭頭，無(wú)需裁剪圖片，甚至沒(méi)有用到CSS3的東西。對(duì)瀏覽器支持良好。 |
