CSS3是Cascading Style Sheets的第三個版本,是一種與HTML和XML一起使用的樣式表語言,用于描述與文檔結構分離的文檔的外觀和格式。
在CSS3中,我們可以使用一些新屬性和功能來創建更好的用戶體驗和更優美的界面。例如,我們可以使用漸變、圓角、動畫、過渡等屬性來增強頁面效果。
/* 圓角屬性 */ div { border-radius: 10px; } /* 漸變屬性 */ div { background: linear-gradient(to bottom, red, yellow); } /* 動畫屬性 */ div { animation: slidein 3s ease-in-out infinite; } @keyframes slidein { from { transform: translateX(-100%); } to { transform: translateX(0); } } /* 過渡屬性 */ div { transition: background-color 1s ease-in-out; } div:hover { background-color: yellow; }
另外,我們也可以使用CSS3來執行JavaScript函數。我們可以使用href
屬性為鏈接添加一個JavaScript函數,或者使用onclick
屬性為某個元素添加一個JavaScript函數。
/* 使用 href 屬性調用 JavaScript 函數 */點擊我/* 使用 onclick 屬性調用 JavaScript 函數 */
總之,CSS3是一種非常強大的工具,可以用來創建更優美的頁面效果和執行JavaScript函數,為我們的Web開發帶來更多可能性。