CSS是一種樣式表語言,它用于描述HTML或XML等文檔的展示樣式。使用CSS,我們可以控制一個網頁的外觀和布局。下面介紹一些我們可以用CSS做的事情:
1. 定義字體、顏色和大小
body { font-family: Arial, sans-serif; color: #333333; font-size: 16px; }
上面的代碼定義了網頁的字體、顏色和大小,這樣可以讓網頁看起來更加統一。
2. 改變背景顏色和圖片
body { background-color: lightblue; background-image: url('bg.jpg'); }
上面的代碼改變了網頁的背景色,并設置了一張背景圖片。
3. 調整盒子模型
div { box-sizing: border-box; width: 200px; padding: 10px; border: 1px solid black; }
上面的代碼定義了一個寬度為200px的div元素,其中包含10px的內邊距和1px的邊框,使用box-sizing屬性使得內邊距和邊框不會影響div元素的實際寬度。
4. 制作響應式布局
@media (max-width: 768px) { /* 當設備寬度小于768px時應用此樣式 */ div { width: 100%; } }
上面的代碼使用媒體查詢,當設備寬度小于768px時,設置div元素的寬度為100%。
CSS的用途不限于以上幾種,還可以做很多其他的事情,例如設計按鈕、制作動畫效果等等。學好CSS可以讓我們的網頁更加有吸引力和易讀性。