CSS,即層疊樣式表(Cascading Style Sheets),是用來控制網頁樣式的語言。在HTML中,我們使用標簽來定義網頁的結構和內容,而使用CSS來定義網頁的樣式。
// CSS代碼示例 body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #333; font-size: 36px; text-align: center; } p { color: #666; font-size: 16px; line-height: 1.5; }
在CSS中,我們可以定義各種樣式元素,如文本、背景、邊框、尺寸、位置等。比如上面的代碼,我們定義了網頁的背景顏色、字體、標題、段落的顏色、字體大小、行高等等。
// 文本顏色和字體大小 color: #666; font-size: 16px; // 背景顏色 background-color: #f2f2f2; // 邊框 border: 1px solid #ccc; // 尺寸和位置 width: 90%; height: 200px; margin: 0 auto;
除了以上基礎樣式元素,CSS還支持眾多其他樣式元素,如動畫、漸變、旋轉、縮放等等,給網頁帶來了更多精彩的效果和交互體驗。
// 動畫 animation: rotate 2s linear infinite; // 漸變 background: linear-gradient(to bottom, #333, #666); // 旋轉和縮放 transform: rotate(45deg) scale(0.8);
總之,在網頁設計中,CSS元素是必不可少的一部分,它為我們提供了豐富的樣式效果,同時也為我們帶來了更好的用戶體驗和用戶界面設計。