CSS（Cascading Style Sheets）是在Web開發中用來控制網頁樣式的技術。

在CSS中，我們可以使用簡潔但強大的語法來實現各種各樣的效果。

下面是一個簡單的CSS代碼示例，總共只有200行代碼：

/*重置默認樣式*/
*{
 margin: 0;
 padding: 0;
}
/*全局樣式*/
body{
 font-family: Arial, sans-serif;
 background-color: #f4f4f4;
}
a{
 color: #333;
 text-decoration: none;
}
/*頁面布局*/
.container{
 width: 90%;
 margin: 0 auto;
}
.header{
 padding: 20px;
 background-color: #fff;
 box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.main{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.main .card{
 width: calc(33.33% - 20px);
 margin-bottom: 20px;
 background-color: #fff;
 box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.main .card img{
 width: 100%;
 height: 200px;
 object-fit: cover;
}
.main .card h3{
 margin: 10px;
 font-size: 20px;
}
.main .card p{
 margin: 10px;
 font-size: 14px;
 line-height: 1.5;
}
.footer{
 padding: 10px;
 background-color: #fff;
 box-shadow: 0 -2px 4px rgba(0,0,0,0.2);
 text-align: center;
}
@media screen and (max-width: 768px){
.main .card{
width: 100%;
 }
}

以上CSS代碼主要實現了以下功能：

• 重置默認樣式，確保不同瀏覽器樣式一致
• 設置全局樣式，包括背景色、字體、鏈接等
• 實現簡單的頁面布局，包括容器、頁頭、頁尾等
• 使用Flex布局實現卡片式布局
• 使用媒體查詢實現響應式布局（在屏幕寬度小于等于768px時，卡片寬度為100%）

雖然這只是一個簡單的示例，但它已經涵蓋了大部分常見的CSS用法，可以供開發者們參考和學習。