CSS樣式是用來為HTML文檔添加樣式和布局的一種語(yǔ)言。它可以改變文本和圖像的顏色、字體、大小和位置等。以下是一些常用的CSS樣式:
/** 字體和文本樣式 **/ p{ font-size: 16px; } /* 文本大小 */ p{ color: #333; } /* 文本顏色 */ p{ font-family: 'Arial', sans-serif; } /* 字體 */ /** 背景和邊框樣式 **/ p{ background-color: #fff; } /* 背景顏色 */ p{ border: 1px solid #ccc; } /* 邊框 */ /** 布局和尺寸樣式 **/ p{ width: 50%; } /* 寬度 */ p{ height: 100px; } /* 高度 */ p{ margin-bottom: 20px; } /* 底部邊距 */ p{ text-align: center; } /* 水平對(duì)齊 */ /** 鼠標(biāo)懸停效果 **/ p:hover{ color: #f00; } /* 文本顏色變紅 */ /** 點(diǎn)擊效果/動(dòng)畫 **/ p:active{ color: #00f; } /* 文本顏色變藍(lán) */ p{ transition: all 0.5s; } /* 長(zhǎng)度變化動(dòng)畫 */
除了以上列舉的樣式以外,CSS還能夠?qū)崿F(xiàn)很多精彩的功能。例如,通過CSS可以實(shí)現(xiàn)響應(yīng)式設(shè)計(jì),讓網(wǎng)頁(yè)布局隨設(shè)備尺寸自適應(yīng);還可以通過CSS動(dòng)畫制作精彩的交互效果,讓網(wǎng)頁(yè)更加生動(dòng)。相信在接下來的學(xué)習(xí)過程中,你會(huì)逐漸了解到CSS語(yǔ)言的強(qiáng)大與靈活,從而掌握更多CSS技巧。
上一篇css樣式曲線