樣式表(css)是前端開發中不可或缺的一部分,它能夠為網站或應用程序添加外觀和布局規則。在css中,代碼主要由選擇器和屬性構成,下面是一些常見的代碼:
p { font-size: 16px; color: #333333; }
上面的代碼表示選擇所有的<p>元素,并將它們的字體大小設置為16像素,顏色為#333333。
#header { background-color: #eeeeee; height: 100px; }
這段代碼通過指定選擇器#header來選中HTML中的ID為header的元素,并將其背景顏色設置為#eeeeee,高度為100像素。
.box { width: 300px; height: 200px; border: 1px solid #cccccc; }
這行代碼利用類選擇器.box來選中HTML中class為box的元素,給它們設定寬度為300像素,高度為200像素,添加了1像素的實線邊框,顏色為#cccccc。
如果想要對連接樣式進行設置,則可以使用下面的代碼:
a:link { color: #006699; text-decoration: none; } a:hover { color: #003366; text-decoration: underline; }
上面的代碼設置了未點擊的鏈接文字顏色為#006699,取消下劃線。當鼠標懸停在鏈接上時,將鏈接的字體顏色更改為#003366,并加上下劃線。
總之,css代碼可以幫你掌控網站的外觀和布局,同時也可以提升用戶體驗。