小码哥的IT人生

CSS 语法 概述

css3基础 2022-05-23 12:01:13小码哥的IT人生shichen

CSS 语法

CSS 语法

CSS 规则集(rule-set)由选择器和声明块组成:

CSS 选择器

选择器指向您需要设置样式的 HTML 元素。

声明块包含一条或多条用分号分隔的声明。

每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。

多条 CSS 声明用分号分隔,声明块用花括号括起来。

示例代码:

在此例中,所有 <p> 元素都将居中对齐,并带有红色文本颜色:

p {
  color: red;
  text-align: center;
}

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>这些段落是通过 CSS 设置样式的。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

例子解释

  1. p 是 CSS 中的选择器(它指向要设置样式的 HTML 元素:<p>)。
  2. color 是属性,red 是属性值
  3. text-align 是属性,center 是属性值

在下一章中,您将学到更多关于 CSS 选择器和 CSS 属性的知识。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024