許多同學誤認為頁面上的特效都是js實現的，其實不然。css給我們提供了乙個極其強大的屬性transition。此屬性屬於css3的屬性。它的值可以是乙個時間，即過渡的時間。相當於js中settimeout，setinterval等寫出的效果，接下來解釋另外兩個「劍客」，偽類選擇器和position。
偽類選擇器「元素:hover」類似於js中的滑鼠事件mouseover。但是它多了乙個特性就是移出會恢復之前的狀態。position的話，我希望大家先去了解再來看此博文，那樣就更方便理解了。我們知道能用css寫簡單特效就不要用js寫（涉及到效能問題），所以學會css寫特效很重要。今天教大家實現網頁上很常見的滑鼠移入下方出現文字的特效。
首先給大家講講思路：
首先寫乙個div，第二步在裡面放一張圖。
然後我們在div中的img下方加乙個p標籤。給此標籤設定寬度為寬度，高度隨便給乙個，然後乙個半透明背景，將其定位在div的下方。
如果所示，我們知道，初始狀態下，這個p一般不會給使用者看見，所以我們需要隱藏掉（給div設定overflow:hidden），然後利用hover將其重新定位到上，此時p的bottom為-30px。我們利用hover將其設定bottom為0即可。
滑鼠沒移入
滑鼠移入
此時我們就做出了最初的效果，其實這也算乙個特效，但其實我們用transition給其優化一下效果更好，transition給在變化的元素上，即p上面，給它乙個transition:1s；即可。
此部分**為
.box p
文字三劍客
檔案萬用字元和正規表示式 文字過濾工具grep linux系統中，一切皆檔案。強大的文字編輯和處理工具便必不可少了，在linux系統中，有文字處理三劍客 grep，sed，awk。在進行介紹三大工具前，我們先總結一下檔案萬用字元和正規表示式。檔案萬用字元主要就是對檔案的查詢進行檔名的模糊查詢，而正規...
三劍客 高階
awk 是一種程式語言，用於在linux unix下對文字和資料進行處理 awk 資料可以來自標準輸入，乙個或多個檔案，或其他命令的輸出 awk 通常是配合指令碼進行使用，是乙個強大的文字處理工具。01.進行逐行掃瞄檔案，從第一行到最後一行 02.尋找匹配的特定模式的行，在行上進行操作 03.如果沒...
就linux三劍客簡單歸納
就linux三劍客簡單歸納 1 awk 習題1 用 awk 中檢視伺服器連線狀態並彙總 netstat an awk tcp end established 1listen 20awk end total size is 172230 21 icons poweredby.png 83076 14 ...