CSS是用于網頁布局和樣式設計的一門技術，可以讓網頁更加美觀、易于閱讀和交互性更好。在編寫CSS時，可以使用不同的樣式寫法來實現不同的效果。下面，我將介紹幾種常見的CSS樣式寫法。

1. 基本樣式

基本樣式是一種最基本的CSS樣式寫法，它使用style屬性來定義樣式，例如：

body {

font-family: Arial, sans-serif;

color: #fff;

上面的代碼定義了頁面的背景色、字體和顏色，這些都是基本的樣式。

2. 選擇器樣式

選擇器樣式是一種使用CSS選擇器來定義樣式的寫法。選擇器樣式可以使用<style>標簽和選擇器規則來定義樣式，例如：

color: #007bff;

text-decoration: none;

/* 定義按鈕的樣式 */

button {

color: #007bff;

background-color: #fff;

padding: 10px;

border: none;

border-radius: 5px;

3. 偽類樣式

偽類樣式是一種使用CSS偽類屬性來定義樣式的寫法。偽類屬性可以定義不同類型的字體、顏色、大小、位置等，例如：

/* 定義字體的樣式 */

font-family: Arial, sans-serif;

font-size: 16px;

font-style: italic;

font-weight: bold;

上面的代碼定義了字體的樣式，其中使用了不同的字體、大小、樣式等屬性。

4. 動畫樣式

動畫樣式是一種使用CSS動畫來創建動態效果的寫法?？梢允褂肅SS3的動畫屬性和過渡效果來創建動畫，例如：

/* 定義漸變效果 */

background-repeat: no-repeat;

background-position: center center;

background-size: cover;

animation: 漸變 1s infinite;

5. 布局樣式

布局樣式是一種使用CSS來創建網頁布局的寫法?？梢允褂肅SS的Flexbox和Grid布局來創建復雜的網頁布局，例如：

/* 定義Flexbox布局 */

display: flex;

flex-direction: column;

align-items: center;

上面的代碼定義了Flexbox布局，其中使用了display、flex-direction、align-items和justify-content屬性來創建復雜的網頁布局。

CSS的樣式寫法有很多種，每種寫法都有不同的效果和適用場景。可以根據具體的需求來選擇不同的樣式寫法，以達到更好的效果。