CSS(层叠样式表)是用于描述HTML或XML文档样式的样式表语言。它用于设置网页元素的样式,如颜色、字体、布局等。

基础语法

CSS的基本语法如下:

选择器 {
  属性: 值;
}

例如,以下代码将使所有p元素的文本颜色变为红色:

p {
  color: red;
}

选择器

CSS选择器用于指定要应用样式的HTML元素。以下是一些常用的选择器:

  • 元素选择器:根据元素类型选择元素,例如pdiv等。
  • 类选择器:根据元素的类属性选择元素,例如.my-class
  • ID选择器:根据元素的ID属性选择元素,例如#my-id

属性和值

CSS属性定义了元素的样式,例如colorfont-sizebackground-color等。每个属性都有对应的值,用于设置样式。

以下是一些常用的CSS属性和值:

  • color:设置文本颜色,例如red#ff0000等。
  • font-size:设置字体大小,例如12px16pt等。
  • background-color:设置背景颜色,例如blue#0000ff等。

嵌入式和外部样式表

CSS样式可以嵌入到HTML文档中,也可以通过外部样式表应用。

  • 嵌入式样式表:在HTML文档的<head>部分使用<style>标签定义样式。
  • 外部样式表:将CSS样式保存在外部文件中,然后在HTML文档中通过<link>标签引用。

例如,以下是一个嵌入式样式的示例:

<!DOCTYPE html>
<html>
<head>
  <style>
    p {
      color: red;
    }
  </style>
</head>
<body>
  <p>这是一个红色文本。</p>
</body>
</html>

更多资源

如果您想了解更多关于CSS的信息,请访问我们的CSS教程页面。

返回首页