CSS 代码的语法非常简单,并且可以在 HTML 固有的结构之外单独写出来,这意味着大家可以轻松地使用不同的样式表控制同一网页的不同部分,或根据设备不同而选用不同的样式表。
/* 这是一个简单的 CSS 代码 */ body { background-color: #f6f6f6; font-family: Arial, sans-serif; } p { font-size: 16px; line-height: 1.5; color: #333; } h1 { font-size: 32px; color: #666; }
以上这段 CSS 代码定义了网页的背景颜色为淡灰色,文本字体是 Arial 或 sans-serif,定义了段落(p)和标题(h1)的样式。其中,p 元素的字号为 16 像素,行高为字号的 1.5 倍,颜色为深灰色;h1 元素的字号为 32 像素,颜色为浅灰色。
当大家将这个 CSS 代码复制到网页的 head 标签内时,所有标有 p 和 h1 的元素都会应用这些样式。这样,可以轻松地统一网页的外观,使其看起来更加整洁。