轉載：http://www.cnblogs.com/ihardcoder/p/5294927.html CSS3偽類和偽元素的特性和區別 前端er們大都或多或少地接觸過CSS偽類和偽元素，比如最常見的:focus,:hover以及<a>標簽的:link ...

一、CSS3 2D轉換 　　通過 CSS3 轉換，我們可以對元素進行移動、縮放、轉動、拉長或拉伸。 　　特別注意，我們在使用css3動畫效果時，必須給他們加相應的瀏覽器前綴，以便瀏覽器識別，讓我們更好的去應用它。 　　下面我給大家用一個小例子介紹一下各大瀏覽器的相應前綴 ...

一、區別： （1）偽元素主要是用來創建一些不存在原有dom結構樹種的元素，例如：用::before和::after在一些存在的元素前后添加文字樣式等，這些被添加的內容會以具體的UI顯示出來，被用戶所看到的，這些內容不會改變文檔的內容，不會出現在DOM中，不可復制，僅僅是在CSS渲染層加入 ...

　　今天，我們一起來研究一下css3中的過渡模塊、2d轉換模塊和3d轉換模塊 　　一、過渡模塊transition 　　（一）過度模塊的三要素： 　　　　1、必須要有屬性發生變化 　　　　2、必須告訴系統哪個屬性需要執行過渡效果 　　　　3、必須告訴系統過渡效果持續時長 　　　ps ...

css中的偽類和偽元素總是混淆，今天參考了很多資料，也查看了部分文檔，現將偽類及偽元素總結如下： 一、由來： 　　偽類和偽元素的引入都是因為在文檔樹里有些信息無法被充分描述，比如CSS沒有“段落的第一行”、“文章首字母”之類的選擇器，而這在一些出版場景里又是必須的，這一情況下出現的。引用標准中 ...

一、CSS3選擇器 CSS3是CSS的第三代版本，新增了很多功能，例如：強大的選擇器、盒模型、圓角、漸變、動畫、2D/3D轉換、文字特效等。 CSS3和HTML5沒有任何關系！HTML5骨架中，可以用CSS2.1也可以用CSS3。XHTML骨架中可以用CSS3的樣式。 在學習CSS之前都是 ...

transition-duration這個參數是設置過渡時間的，將transition-duration放在哪個類中。那么在這個類被啟用時就會依照transition-duration設定的時間來過渡。 比如。有類 .a 和 .a:hover ...

:hover 偽類經常用於頁面的一些鼠標交互、鏈接點擊變化，增強頁面的用戶體驗，但是可以用來改變其他元素樣式，可以在不使用JS 的情況下，達到想要的頁面效果。 1、hover改變自身的效果： 鼠標懸浮改變樣式： HTML CSS ...