在CSS編程中,花括號({})用于包含樣式規(guī)則,每個樣式規(guī)則由兩部分組成:屬性和值,屬性寫在前面,值寫在后面,兩者之間用冒號(:)分隔,多個樣式規(guī)則可以寫在一對大括號內(nèi),每個規(guī)則占一行。
以下CSS代碼定義了一個樣式規(guī)則,將頁面中的段落文本顏色設(shè)置為藍色:
p { color: blue; }
在上面的代碼中,p
是屬性,表示段落元素;color
是要設(shè)置的樣式屬性,表示文本顏色;blue
是該屬性的值,表示將文本顏色設(shè)置為藍色。
如果你想設(shè)置多個樣式規(guī)則,可以在一對大括號內(nèi)添加多行樣式規(guī)則,每行一個規(guī)則:
p { color: blue; font-size: 16px; line-height: 1.5; }
上面的代碼將段落文本的字體大小設(shè)置為16像素,行高設(shè)置為1.5。
花括號內(nèi)的樣式規(guī)則順序不影響樣式的應用,但為了提高代碼的可讀性,建議按照屬性類型對樣式規(guī)則進行分組,比如按照字體、顏色、布局等順序排列。