在Web開發過程中，使用jQuery庫可以大大提高代碼的效率和可讀性。jQuery庫中有一個非常重要的方法——css()，它可以直接操作元素的CSS樣式。

css()方法的基本用法如下：

$(selector).css(property,value);

其中，selector是需要操作的元素的選擇器，property是需要修改的CSS屬性，value是該屬性的值。

例如，我們要修改一個id為"test"的元素的背景顏色為紅色，代碼如下：

$("#test").css("background-color","red");

有些CSS屬性的名稱中含有連字符，比如font-size和line-height等，這時需要將連字符轉換為駝峰命名法，即將連字符后的第一個字母大寫，代碼如下：

$("#test").css("font-size","20px");
$("#test").css("line-height","1.5");

css()方法還可以接受一個對象參數，用于一次性修改多個樣式，代碼如下：

$("#test").css({
"background-color":"red",
"font-size":"20px",
"line-height":"1.5"
});

除了直接修改樣式，css()方法還可以獲取已設置的樣式值，代碼如下：

var bgColor = $("#test").css("background-color");
var fontSize = $("#test").css("font-size");
var lineHeight = $("#test").css("line-height");

需要注意的是，CSS的屬性值都是字符串類型，如果需要數值類型的樣式值，需要使用parseInt()或parseFloat()轉換為數值類型，代碼如下：

var fontSizeNum = parseInt($("#test").css("font-size"));
var lineHeightNum = parseFloat($("#test").css("line-height"));

除了基本的CSS樣式設置，css()方法還支持在CSS樣式中使用動態值，比如使用變量、計算和條件表達式等，代碼如下：

var bgColor = "red";
var fontSize = 20;
$("#test").css({
"background-color": bgColor,
"font-size": fontSize + "px",
"line-height": fontSize >18 ? "2" : "1.5"
});

總之，css()方法在jQuery庫中扮演著重要角色，掌握它的用法可以讓我們更加高效地操作DOM元素的CSS樣式。