CSS(Cascading Style Sheets,層疊樣式表)是前端開發工具中非常重要的一部分,它對網頁的外觀和布局起著決定性的作用。CSS有許多版本,其中比較常見的是CSS 2x和CSS 3x。
CSS 2x(CSS2.1)是CSS的第二個版本,它于2004年6月份發布。這個版本主要得益于W3C(萬維網聯盟)的努力,它修復了CSS1中的很多問題,并添加了新的特性。使用CSS 2.1可以控制頁面元素的顏色、邊框和背景等屬性。以下是一個使用CSS 2x的實例:
body { background-color: #f2f2f2; font-family: Arial, sans-serif; font-size: 16px; color: #333; }
CSS 3x是CSS的第三個版本,它于2011年6月份發布。這個版本除了包含CSS 2x中的所有特性,還增加了一些新特性。通過CSS 3x,我們可以創建動畫、陰影和圓角等效果。另外,CSS 3x還支持響應式設計,這使得開發者可以根據設備的不同尺寸和寬度,為頁面設置不同的樣式。以下是一個使用CSS 3x的實例:
.box { background-color: #f2f2f2; padding: 20px; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2); animation: fadeIn 1s ease-in-out; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
總的來說,CSS在Web開發中有著不可替代的作用,而CSS 2x和CSS 3x則都有各自的特點和優勢,可以根據需求進行選擇和使用。