CSS是用于設計和布局網頁的一種語言，提供了許多用于選擇和操作HTML元素的工具和選項。下面是一些常見的CSS選擇器和它們的例子：
1. `background-color`：用于設置元素的的背景顏色，是一個基本的選擇器，可應用于任何元素。例如：
```html
<div style="background-color: blue;">
這是一個藍色的div
</div>
```
2. `border-radius`：用于設置元素的圓角大小，是一個rounded選擇器。它可以根據元素的大小和形狀自動調整圓角的大小和位置。例如：
```html
<div style="border-radius: 5px; width: 300px; height: 200px;">
這是一個有5像素圓角的div
</div>
```
3. `box-shadow`：用于設置元素的內邊距、外邊距、陰影和模糊，是一個shadow選擇器。它可以根據元素的大小和形狀自動調整陰影和模糊的大小和位置。例如：
```html
<div style="box-shadow: 0px 2px 4px rgba(0,0,0,0.5); width: 300px; height: 200px;">
這是一個有0像素內邊距、2像素外邊距、4像素陰影和0.5像素模糊度的div
</div>
```
4. `font-size`：用于設置元素的字體大小，是一個基本的選擇器。例如：
```html
<div style="font-size: 16px;">
這是一個16像素字體大小的div
</div>
```
5. `font-weight`：用于設置元素的字體權重，是一個可選的選擇器。通常用于設置字體的粗體或斜體。例如：
```html
<div style="font-weight: bold;">
這是一個粗體的div
</div>
```
6. `height`：用于設置元素的垂直高度，是一個基本的選擇器。例如：
```html
<div style="height: 200px;">
這是一個200像素垂直高度的div
</div>
```
7. `line-height`：用于設置元素的水平長度，是一個基本的選擇器。例如：
```html
<div style="line-height: 1.5;">
這是一個1.5水平長度的div
</div>
```
8. `position`：用于設置元素的相對位置，是一個可選的選擇器。可以用于定位元素、更改元素的相對位置、隱藏元素等。例如：
```html
<div style="position: relative; top: 20px;">
這是一個相對于頁面上半部分定位的div
</div>
```
9. `width`：用于設置元素的的寬度，是一個基本的選擇器。例如：
```html
<div style="width: 300px;">
這是一個300像素寬度的div
</div>
```
以上是一些常見的CSS選擇器和它們的例子，通過使用這些選擇器，我們可以輕松地控制元素的樣式和外觀，使網頁更加美觀和易于閱讀。