CSS是构建现代网站的重要组成部分，掌握CSS的基本概念图，可以使我们更好地理解CSS的原理和用法。下面是CSS基础概念图：

+---------------------+|      Selector       |+---------------------+|    Declaration      |+---------------------+|         #id         ||       .class        ||        tag          ||      pseudo-        |+---------------------+|    Property:Value   |+---------------------+|      color: red     ||       font-size     ||   background-color  ||        margin       ||        padding      ||         ...         |+---------------------+|   Selector + {}     || Selector >{}       ||Selector ~ {}        ||Selector: hover {}   ||Selector: active {}  ||Selector: visited {} ||    ...              |+---------------------+

Selector（选择器）用来定位元素，常用的选择器包括ID选择器（#id）、类选择器（.class）、标签选择器（tag）和伪类选择器（pseudo-），在图中都有对应列出。

Declaration（声明）是一组属性和值的集合，用来设置元素的样式，每个Declaration包括Property和Value两个部分，用冒号隔开，值之间用分号隔开。图中列出了一些常见的属性，如颜色、字体大小、背景颜色、内外边距等。

CSS规则由Selector和Declaration两部分组成，一个Selector可以对应多个Declaration，一个Declaration也可以被多个Selector引用。如图中最后一行展示了一些常见的组合方式和伪类选择器。