CSS是层叠样式表,用于网页样式的控制。CSS的基本表达式可以理解为 CSS 选择器 和 CSS 属性。
selector { property1: value1; property2: value2; }
其中, selector 为选择器,用于指定 CSS 样式应用对象,可以是标签名、类名、ID 标识符、属性选定器、伪元素等等。property 为属性,表示要应用的样式属性名,如“字体大小”、“背景颜色”等,value 为属性值,表示要设置的样式属性值。
选择器可以使用多种方式进行选择:
1. 标签选择器
p { color: red; }
表示所有的<p>
标签文字颜色为红色。
2. 类选择器
.example { font-size: 14px; }
表示所有类名为 “example” 的元素字体大小为14像素。
3. ID选择器
#example { font-weight: bold; }
表示 ID 为 “example” 的元素文字加粗。
4. 属性选择器
[href="https://www.example.com"] { color: blue; }
表示带有href属性值为 "https://www.example.com" 的元素文字颜色为蓝色。
5. 伪类选择器
a:hover { text-decoration: underline; }
表示当鼠标悬停在链接上时,链接的下划线出现。
基本表达式是 CSS 设计的一个基础,也是 CSS 样式表的重要组成部分。通过选择器和属性,可以轻松地为网页添加各种样式。