CSS是一种用来设置和布局网页文档的语言。它和HTML有着紧密的联系,但是二者有着很大的不同。HTML负责结构和内容的呈现,而CSS则负责样式和布局的呈现。通过CSS,我们可以改变网页的字体、颜色、大小、排列方式等等,以达到我们期望的视觉效果。
p { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; }
上面的代码段展示了一个CSS选择器和一些属性及其对应值。选择器指定了哪些HTML元素需要被样式化,花括号内则是需要应用到这些元素上的样式。在这个例子中,所有的<p>元素都将被设置为使用Arial字体,16像素大小的字号,1.5倍的行高以及深灰色的字体颜色。
#header { background-color: #12548e; color: #fff; padding: 20px; text-align: center; }
另一个选择器是ID选择器,通过"#"符号加上ID名称来选择特定的HTML元素。上面的例子中,选择了一个ID为"header"的元素,然后对其进行了样式化。这个元素的背景颜色被设置为深蓝色,字体颜色被设置为白色,内边距被设置为20像素,居中对齐文本。