CSS 全稱是 Cascading Style Sheets,是一種用來(lái)描述和控制HTML頁(yè)面的樣式表語(yǔ)言。通過(guò)使用CSS,可以控制網(wǎng)頁(yè)的布局、字體、顏色、背景、邊框等樣式。下面是我對(duì) CSS 的一些簡(jiǎn)單筆記。
/* 選擇器 */ /* 后代選擇器 */ div p {...} /* 類別選擇器 */ .box {...} /* ID選擇器 */ #content {...} /* 相鄰?fù)x擇器 */ h3 + p {...} /* 偽類選擇器 */ a:hover {...} /* 樣式 */ /* 字體 */ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; /* 顏色 */ color: #333; /* 背景 */ background-color: #f2f2f2; /* 邊框 */ border: 1px solid #333; /* 布局 */ width: 200px; height: 100px; margin: 10px; padding: 5px; /* 浮動(dòng) */ float: left; /* 盒子模型 */ /* width 等于內(nèi)容寬度 + 內(nèi)邊距 + 邊框,不包括外邊距 */ /* height 等于內(nèi)容高度 + 內(nèi)邊距 + 邊框,不包括外邊距 */ /* 層疊樣式表 */ /* 樣式表從上到下載入,同樣選擇器下面的樣式會(huì)覆蓋之前的樣式 */ /* 響應(yīng)式設(shè)計(jì) */ /* 根據(jù)不同的設(shè)備(如電腦、平板、手機(jī))設(shè)置不同的樣式 */ @media (min-width: 768px) { /* 屏幕寬度大于等于 768 像素 */ /* 設(shè)置樣式 */ }
以上是我對(duì) CSS 的簡(jiǎn)單筆記,希望對(duì)初學(xué)者有所幫助。學(xué)習(xí) CSS 并不難,只需要多實(shí)踐多嘗試,不斷學(xué)習(xí)和探索。