CSS3是一種用于描述HTML文檔樣式的語言。它是Cascading Style Sheets(層疊樣式表)技術的最新版本,并在許多Web設計和開發項目中得到廣泛應用。
CSS3擁有更多的功能和屬性,是CSS2的擴展版本。例如,CSS3支持響應式設計、多背景圖像、漸變、動畫、過渡和彈性布局。這些功能可以讓我們的網站看起來更美觀、更現代、更交互。
/* 響應式設計 */ @media screen and (max-width: 600px) { body { background-color: #fff; color: #333; } } /* 多背景圖像 */ body { background-image: url(background.jpg), url(background-pattern.png); background-repeat: no-repeat, repeat; } /* 漸變 */ background: linear-gradient(to bottom, #fff, #000); /* 動畫 */ @keyframes slide { from { margin-left: 0; } to { margin-left: 100px; } } #box { animation: slide 1s ease-in-out 0s infinite alternate; } /* 過渡 */ #box { transition: width 1s ease-in-out; } #box:hover { width: 200px; } /* 彈性布局 */ .container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
以上是使用CSS3時常用的一些代碼段。要注意的是,CSS3中的某些屬性和方法在一些舊版本的瀏覽器中可能不支持,因此我們應該在編寫代碼時仔細考慮瀏覽器的兼容性。