CSS(層疊樣式表)是一種用于美化和布局網頁文檔的語言。CSS主要有兩個版本,分別是CSS2和CSS3。雖然它們的目標是一樣的,但是它們之間還是有著一些區別的。
/* CSS2使用 */ body { background-color: #ccc; margin: 0 auto; font-family: Arial, sans-serif; }
/* CSS3使用 */ body { background-color: #ccc; margin: 0 auto; font-family: Arial, sans-serif; text-shadow: 1px 1px 1px #333; box-shadow: 1px 1px 3px #555; }
首先,CSS3擁有更多的CSS效果和樣式,可以讓開發者設計視覺效果更加細致、豐富和感人。例如,CSS3支持陰影效果(text-shadow和box-shadow),漸變效果(linear-gradient和radial-gradient),多列(columns)布局等等。
其次,CSS3有更多的選擇器。選擇器是用于指定應用樣式的HTML元素的標準。CSS2的選擇器包括標簽選擇器、id選擇器、屬性選擇器、類選擇器等等;而CSS3增加了子代選擇器、兄弟選擇器、偽元素選擇器、通用選擇器和屬性選擇器等等。
/* CSS2使用 */ h1 { font-size: 32px; font-style: italic; } /* CSS3使用 */ h1 { font-size: 32px; font-style: italic; font-weight: bold; text-transform: uppercase; animation: fadeout 2s ease-in-out; } @keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } }
最后,CSS3可以使用動畫效果。CSS3包括了一個CSS Transitions API和CSS Animations API,可以從開始狀態到結束狀態逐漸過渡或在一段時間內持續變化。這可以讓網站看起來更生動、有趣。
總的來說,當然最好使用最新版的CSS3,以享受更多的樣式和效果。然而,在某些情況下,使用CSS2可以更方便和兼容。對于跨瀏覽器和跨設備渲染的要求更高的網站,建議使用CSS2。
上一篇css3 按鈕樣式