css3是css2的公升級版本，3只是版本號，它在css2.1的基礎上增加了很多強大的新功能。 目前主流瀏覽器chrome、safari、firefox、opera、甚至360都已經支援了css3大部分功能了，ie10以後也開始全面支援css3了。在編寫css3樣式時，不同的瀏覽器可能需要不同的字首。它表示該css屬性或規則尚未成為w3c標準的一部分，是瀏覽器的私有屬性，雖然目前較新版本的瀏覽器都是不需要字首的，但為了更好的向前相容字首還是少不了的(**展示css3瀏覽器字首)
>css3瀏覽器字首
title
>
8<
style
type
="text/css"
>
9table
14tr,td,th
19style
>
20head
>
21<
body
>
22<
table
>
23<
tr>
24<
th>字首
th>
25<
th>瀏覽器
th>
26tr
>
27<
tr>
28<
td>-webkit
td>
29<
td>chrome和safari
td>
30tr
>
31<
tr>
32<
td>-moz
td>
33<
td>firefox
td>
34tr
>
35<
tr>
36<
td>-ms
td>
37<
td>ie
td>
38tr
>
39<
tr>
40<
td>-o
td>
41<
td>opera
td>
42tr
>
43table
>
44body
>
45html
>
css3實現的文字特效**，修改引數觀察變化
>css3實現的文字特效
title
>
8<
style
type
="text/css"
>
9body
12h1
4142
@keyframes run
4650%
59100% 62}
6364
@-moz-keyframes run
6950%
81100% 84}
8586
@-webkit-keyframes run
9150%
104100%
107}
108@-ms-keyframes run
11350%
117100%
120}
121style
>
122head
>
123<
body
>
124<
h1>學習源於興趣和壓力,不拋棄不放棄
h1>
125body
>
126html
>
CSS 瀏覽器相容性
1.不同瀏覽器的標籤預設的margin和padding不同 解決方案 所以需要有自己的格式化樣式 margin 0 padding 0 2.塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大 解決方案 在float的標籤樣式控制中加入 display inlin...
主流瀏覽器CSS3和HTML5相容性
各大主流瀏覽器對 css3 和 html5 的支援越來越完善，曾經讓多少前端開發人員心碎的ie系也開始擁抱標準。就在前幾天，w3c的 html5 社群領袖 shelley 宣布，html5的開發工作已經接近完成，如果進展順利，html5 將在 2012 年正式成為國際標準。當然，即使標準正式制定了，...
CSS3 transition 瀏覽器相容性
1 相容性 根據canius 相容性如下圖所示 請把滑鼠指標移動到藍色的 div 元素上，就可以看到過渡效果。2728 注釋 本例在 internet explorer 中無效。2930 31在ie7 9進行測試時，transition的效果沒有過渡效果 如線性過渡效果 但是還是有效果 立即執行tr...