CSS是一種用于網頁設計和排版的編程語言，而jQuery則是一個優秀的JavaScript庫，它為我們提供了簡單易用的API和豐富多樣的工具和插件，這使得在CSS中使用jQuery變得更加容易。

通過jQuery，我們可以輕松地在CSS中使用各種動畫效果、交互、過渡等。下面是一些基本的CSS和jQuery的代碼示例：

/* CSS */
p {
font-size: 16px;
color: #333;
text-align: center;
border: 1px solid #ccc;
}

// jQuery
$(document).ready(function() {
$("p").click(function() {
$(this).animate({fontSize: "20px"}, 500);
});
});

上面的代碼將在頁面加載完成后為所有的p元素添加一個點擊事件，在點擊時執行動畫效果，將字體大小漸變為20px，該動畫效果持續500毫秒。

還有一些其他有用的jQuery函數可以幫助我們更輕松地控制CSS。例如，通過jQuery的addClass和removeClass函數可以輕松地在CSS中添加或刪除類，而不需要手動編輯CSS文件。

/* CSS */
.green {
color: green;
} 
.bold {
font-weight: bold;
}

// jQuery
$(document).ready(function() {
$("p").addClass("green");
$("button").click(function() {
$("p").toggleClass("bold");
});
});

上面的例子展示了如何通過jQuery操作CSS類，當按下按鈕時，所有的p元素將從加粗樣式和正常樣式之間切換。

總之，通過使用jQuery，我們可以更加靈活地控制網頁樣式、實現更加豐富多樣的交互效果。