CSS是一種用來定義網頁設計樣式的語言。通過CSS,我們可以控制一個網頁的顏色、字體、布局、邊框、背景以及動畫等等。下面是一段簡單的CSS代碼示例:
body { background-color: #f2f2f2; } p { font-size: 16px; color: #333; line-height: 1.5; } a { color: #007bff; text-decoration: none; } .btn { display: inline-block; padding: 8px 16px; font-size: 14px; font-weight: 600; border: 2px solid #007bff; border-radius: 4px; background-color: #fff; color: #007bff; cursor: pointer; transition: all 0.3s ease; } .btn:hover { background-color: #007bff; color: #fff; }
在這個CSS代碼片段中,我們使用了各種不同的CSS屬性和選擇器。我們首先給整個網頁添加了一個淡灰色的背景顏色。接下來,我們設置了段落的字體大小、顏色和行高。我們還定義了鏈接的顏色和是否有下劃線。最后,我們創建了一個按鈕類(class),用來添加樣式到網頁上的按鈕元素。
總而言之,CSS是一種非常強大的網頁設計工具,它能夠讓我們輕松實現各種復雜和美觀的網頁設計效果。