Canvas是HTML5提供的用于在網頁上繪制圖形的標準API。它使用JavaScript實現，提供了一整套繪制函數和方法，讓我們可以在網頁上繪制圖形、動畫等內容。

與Canvas不同的是，CSS是用來控制網頁各個元素的樣式和布局的語言。通過CSS我們可以控制元素的大小、顏色、字體、邊框等等，可以根據不同的屏幕尺寸和設備來對頁面進行適配和響應式布局。

//以下是一個使用Canvas繪制簡單圖形的示例代碼
//獲取canvas元素
const canvas = document.getElementById('myCanvas');
//獲取繪制上下文
const context = canvas.getContext('2d');
//設置畫布大小
canvas.width = 500;
canvas.height = 500;
//開始繪制
context.beginPath();
context.fillStyle = '#f00';
context.fillRect(50, 50, 200, 200);
context.closePath();

/*以下是一個使用CSS控制元素樣式的示例代碼*/
/*設置背景色、文字顏色、字體*/
body {
background-color: #f0f0f0;
color: #333;
font-family: Arial, sans-serif;
}
/*設置標題樣式*/
h1 {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
/*設置文章段落樣式*/
p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
}
/*設置圖片樣式*/
img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}

綜上所述，Canvas和CSS各自有自己的功能和作用，使用它們可以讓我們的網頁更加豐富和有趣。