張鵬 CSS第一課：基礎概念和語法

CSS是用于創建網頁樣式和布局的語言，可以幫助設計師和開發人員創建具有吸引力和易于閱讀的網頁。在開始學習CSS之前，我們需要了解一些基礎概念和語法。在本文中，我們將學習如何使用CSS來創建文本、顏色、大小、位置和其他樣式。

1. 基本語法

CSS有基本的語法規則，包括：

- 聲明：用于定義CSS樣式的變量和屬性。

- 屬性：用于設置樣式。

- 選擇器：用于選擇HTML元素。

- 偽元素：用于創建復雜的布局。

- 層疊：用于設置多個樣式的優先級。

2. 文本樣式

可以使用CSS來設置文本的顏色、字體、大小和對齊方式。下面是一些示例：

```css

body {

font-family: Arial, sans-serif;

color: #f0f0f0;

font-size: 2em;

font-size: 1.5em;

3. 顏色樣式

可以使用CSS來設置顏色。以下是一些示例：

```css

body {

color: #f0f0f0;

color: #0078d7;

color: #fff;

4. 大小樣式

可以使用CSS來設置文本的大小。以下是一些示例：

```css

body {

font-size: 16px;

font-size: 24px;

font-size: 18px;

5. 位置樣式

可以使用CSS來設置文本的位置。以下是一些示例：

```css

body {

text-align: center;

margin-top: 40px;

margin-bottom: 20px;

margin: 0 20px;

6. 其他樣式

除了文本樣式之外，還可以使用CSS來設置其他樣式，如邊框、背景色、漸變等。以下是一些示例：

```css

body {

border-radius: 5px;

background-color: #fff;

border-radius: 20px 20px 0 0;

background-color: #0078d7;

border: 2px solid #fff;

background-color: #fff;

通過學習這些基礎概念和語法，我們可以開始創建CSS樣式，以創建具有吸引力和易于閱讀的網頁。