CSS是用于控制網頁樣式的一門編程語言,其中有許多選擇器可以用于選擇和操作HTML元素。以下是CSS中的5個常用選擇器:
1. `border-radius`:設置元素的borderradius屬性,可以用于創建圓形邊框。
2. `background-color`:設置元素的background-color屬性,可以用于設置背景色。
3. `box-shadow`:設置元素的box-shadow屬性,可以用于創建shadow效果。
4. `font-size`:設置元素的font-size屬性,可以用于改變字體大小。
5. `line-height`:設置元素的line-height屬性,可以用于改變行高和字距。
這些選擇器都是CSS中非常常用的,下面我們將詳細介紹它們的用法。
1. `border-radius`:設置元素的borderradius屬性
`border-radius`是CSS中的內置選擇器之一,用于設置元素的邊框半徑。它的作用是將元素周圍的邊框寬度設置為元素本身的寬度,同時保留元素的垂直和水平邊框。
```css
border-radius:radiusradiusradius;
其中,`radiusradiusradius`是元素的borderradius屬性值,可以是任何實數或虛數,以像素為單位。例如:
```css
border-radius: 50% 50% 0 0;
這將創建一個垂直和水平的邊框,半徑均為5像素,同時不保留元素的邊框。
2. `background-color`:設置元素的background-color屬性
`background-color`是CSS中的另一個內置選擇器,用于設置元素的的背景色。它的作用是將元素的背景色填充到元素中。
```css
```css
background-color:red;
這將設置元素的背景色為紅色。
3. `box-shadow`:設置元素的box-shadow屬性
`box-shadow`是CSS中的另一種內置選擇器,用于創建box-shadow效果。它允許用戶設置三個參數,分別是:
- `box-shadow`:設置box-shadow屬性,用于創建box-shadow效果。
- `top`:設置偏移量,用于控制陰影在元素頂部的偏移量。
- `left`:設置偏移量,用于控制陰影在元素左側的偏移量。
- `width`:設置陰影的寬度,用于控制陰影的寬度。
- `height`:設置陰影的高度,用于控制陰影的高度。
```css
box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
這將創建一個在元素左側、右側和頂部都有2像素深的陰影。
4. `font-size`:設置元素的font-size屬性
`font-size`是CSS中的另一個內置選擇器,用于設置元素的字體大小。它允許用戶設置字體大小、字符數、字體樣式等。
```css
font-size:xpx;
其中,`xpx`是用戶設置的字體大小,以像素為單位。例如:
```css
font-size:16px;
這將設置元素的字體大小為16像素。
5. `line-height`:設置元素的line-height屬性
`line-height`是CSS中的另一個內置選擇器,用于設置元素的行高和字距。它允許用戶設置元素的行高和字距。
```css
line-height:xpx;
其中,`xpx`是用戶設置的行高和字距,以像素為單位。例如:
```css
line-height:1.5;
這將設置元素的行高為1.5像素,字距為0像素。