CSS的语法由选择器和声明块组成,声明块中包含了一系列的样式声明。下面是CSS的基本语法结构:
selector {
  property: value;
  /* 更多的属性-值对 */
}

  •  选择器(Selectors): 选择器用于选择要应用样式的HTML元素。例如,p 选择器选择所有 <p> 元素,.class 选择器选择所有拥有特定类名的元素,#id 选择器选择具有特定id的元素。


  •  属性(Properties): 属性描述要设置的样式的特定特征,比如 color、font-size、margin。


  •  值(Values): 值是属性的具体设置。例如,color: blue; 将文本颜色设置为蓝色。


多个样式声明可以放在同一个选择器下,形成一组样式规则。

例子:
/* 单个选择器和样式声明 */
p {
  color: red;
  font-size: 16px;
}

/* 多个选择器和样式声明 */
h1, h2, h3 {
  font-family: 'Helvetica', sans-serif;
}

/* 类选择器 */
.button {
  background-color: #3498db;
  color: white;
  padding: 10px 20px;
}

/* ID选择器 */
#header {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

CSS 注释:
/* 这是一个单行注释 */

/*
  这是
  多行
  注释
*/

这只是CSS语法的基础。在实际应用中,你会接触到更多的选择器、属性和值,以及一些高级的CSS概念,如伪类、伪元素、媒体查询等。深入学习和实践将帮助你更好地掌握CSS。


转载请注明出处:http://www.zyzy.cn/article/detail/3992/CSS