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