CSS是前端開發(fā)中的必備技能,它能為網(wǎng)頁美化和布局提供無限的可能。此外,CSS還可以修飾各種元素,下面我們來看看CSS可修飾的九種屬性。
1. color color屬性可以定義一種顏色,它可以被用來修飾文字、背景、邊框等元素。 例如:color: #000000; 表示文字顏色為黑色。 2. font-size font-size屬性可以定義文字的大小,一般默認(rèn)值是16像素。 例如:font-size: 20px; 表示文字大小為20px。 3. font-family font-family屬性可以定義文字的字體,可以使用網(wǎng)頁內(nèi)置的字體或自定義字體。 例如:font-family: "Times New Roman", Times, serif; 表示使用Times New Roman字體。 4. font-weight font-weight屬性可以定義文字的粗細(xì)程度,常用的值有normal(默認(rèn))、bold、bolder、lighter等。 例如:font-weight: bold; 表示文字加粗。 5. background-color background-color屬性可以定義背景顏色,可以被用來修飾整個(gè)頁面或某個(gè)元素的背景。 例如:background-color: #eee; 表示背景顏色為灰色。 6. text-align text-align屬性可以定義文字的對齊方式,常用的值有l(wèi)eft(左對齊)、center(居中對齊)、right(右對齊)等。 例如:text-align: center; 表示文字居中對齊。 7. padding padding屬性可以定義元素的內(nèi)邊距,它是指元素的內(nèi)容與邊框之間的距離。 例如:padding: 10px; 表示元素內(nèi)邊距為10像素。 8. margin margin屬性可以定義元素的外邊距,它是指元素之間的距離。 例如:margin: 10px; 表示元素外邊距為10像素。 9. border border屬性可以定義元素的邊框,邊框可以分為樣式、寬度、顏色三個(gè)屬性。 例如:border: 1px solid black; 表示邊框?qū)挾葹?像素,樣式為實(shí)線,顏色為黑色。