寫CSS***簡(jiǎn)單的方法

CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語(yǔ)言，它可以控制文檔的外觀和布局，下面是一些簡(jiǎn)單的CSS代碼示例，幫助您快速上手。

1、樣式重置：

在開始編寫CSS之前，建議先重置瀏覽器的默認(rèn)樣式，這可以確保您的CSS代碼具有一致的外觀和布局。

{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

2、基本樣式：

以下是一些基本的CSS樣式示例，包括顏色、字體、背景等。

body {
  font-family: Arial, sans-serif;
  color: #333;
  background-color: #f5f5f5;
}

3、布局：

CSS可以用于控制HTML元素的布局，以下是一個(gè)簡(jiǎn)單的布局示例，使用Flexbox（彈性布局）。

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

4、響應(yīng)式布局：

響應(yīng)式布局是一種使網(wǎng)站在各種設(shè)備上都能良好顯示的方法，以下是一個(gè)簡(jiǎn)單的響應(yīng)式布局示例。

@media (max-width: 600px) {
  .container {
    flex-direction: column;
  }
}

5、動(dòng)畫和過渡：

CSS還可以用于創(chuàng)建動(dòng)畫和過渡效果，以下是一個(gè)簡(jiǎn)單的動(dòng)畫示例。

@keyframes example {
  0% {background-color: red;}
  50% {background-color: blue;}
  100% {background-color: green;}
}

是一些簡(jiǎn)單的CSS代碼示例，希望能對(duì)您有所幫助，CSS還有很多***特性和技巧等待您去探索和學(xué)習(xí)。