CSS的基本语法如下:
选择器 { 属性: 值; 属性: 值; ... }
其中,选择器是用于指定要样式化的HTML元素,属性和值则是用于控制元素的样式。下面是一些常见的选择器:
- 标签选择器:通过HTML标签名进行选择。
- 类选择器:通过类名进行选择,可以多个元素共享同一个类。
- ID选择器:通过ID属性进行选择,每个元素只能有一个ID。
- 组合选择器:可以组合不同的选择器,以便更准确地选择元素。
下面是一个简单的CSS代码示例:
/* 标签选择器 */ p { font-size: 16px; color: #333; } /* 类选择器 */ .title { font-weight: bold; color: #f00; } /* ID选择器 */ #header { background-color: #ccc; }
上面的代码会把所有的p元素设置为16px字体大小和#333颜色,所有class为title的元素设置为粗体和红色,所有ID为header的元素设置为灰色背景。
CSS还有一些高级用法,比如伪类、继承、优先级、盒模型等,这些内容将在进阶篇中介绍。