想象一下,如果不使用 CSS,网页会变得多么丑陋而不易阅读!CSS,又名样式表,是网页中用来定义样式和布局的语言。通过 CSS,我们可以轻松地改变文字大小、颜色、行高、字体等等这些元素的样式,同时还能定义页面的布局和排版。
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 的元素都会应用这些样式。这样,可以轻松地统一网页的外观,使其看起来更加整洁。