CSS3 var(s) -百度百科

CSS3 var是一種用于控制元素屬性值的機制，允許開發人員對元素的樣式進行更靈活的修改。與傳統的CSS屬性值控制相比，var提供了更多的控制權，使得編寫CSS更加簡單和高效。

var通過一個或多個變量來定義元素的樣式，這些變量可以在CSS中直接使用，而不需要顯式地聲明。使用var可以方便地更改元素的樣式，而不需要在每次使用前重新設置。

下面是一些使用var的常見用途：

1. 定義變量以控制元素的寬度、高度、背景色等屬性。

```css

body {

font-family: Arial, sans-serif;

background-color: #f0f0f0;

.var-控制了元素的寬度 {

width: 80px;

height: 100px;

background-color: blue;

2. 定義變量以控制元素的背景色。

```css

.var-控制了背景色 {

background-color: #008000;

3. 定義變量以控制元素邊框樣式。

```css

.var-控制了邊框樣式 {

border-width: 2px;

border-style: solid;

4. 定義變量以控制元素的字體樣式。

```css

.var-控制了字體樣式 {

font-size: 16px;

font-weight: bold;

需要注意的是，var只能定義單個變量，不能多個變量同時定義。如果定義了多個變量，需要使用逗號分隔它們。

下面是一些示例：

1. 定義一個名為“myvar”的變量，用于控制元素的寬度，如下所示：

```css

.myvar {

width: 80px;

2. 定義一個名為“myvar-控制了背景色”的變量，用于控制元素的背景色，如下所示：

```css

.myvar-控制了背景色 {

background-color: #008000;

3. 定義一個名為“myvar-控制了邊框樣式”的變量，用于控制元素的邊框樣式，如下所示：

```css

.myvar-控制了邊框樣式 {

border-width: 2px;

border-style: solid;

通過使用var，可以更加靈活地控制元素的樣式，而不必每次都重新設置樣式。