CSS(层叠样式表)是一种用于改变HTML文档外观和布局的语言,它可以对HTML元素进行各种样式设置。CSS与HTML是一种分离的、结构化的技术,在HTML中嵌入CSS样式可以使HTML文档呈现出更加美观和符合用户需求的视觉效果。
<head><style type="text/css">h1 {color: #ff0000;}body {background-color: #f4f4f4;}</style></head>
以上代码将在头部的样式区域中定义了两个CSS样式,分别是针对HTML中出现的H1和BODY元素的。其中,<style>标签用于在HTML文档中定义CSS样式。定义样式时需要使用CSS选择器来定位需要改变样式的HTML元素。例如,上述代码中使用了“h1”选择器,它表示需要对HTML文档中的所有H1元素进行样式设置。而“body”选择器则针对了HTML文档中的BODY元素。
在CSS样式中可以定义许多属性,如上述代码中设置了H1元素的字体颜色为红色,使用了CSS属性“color: #ff0000;”进行样式设置。同样地,设置BODY元素的背景颜色为浅灰色,使用了CSS属性“background-color: #f4f4f4;”。
当定义好CSS样式后,就可以在HTML文档中将其应用到指定的元素上。例如,在HTML中使用了<h1>标签时,在HTML文档中会应用之前定义好的H1样式,从而将H1元素的字体显示为红色。<body>标签同理,会使用之前定义的BODY样式,将整个页面的背景颜色设置为浅灰色。