IDEA是一款非常好用的集成開發(fā)環(huán)境，可以支持多種編程語言的開發(fā)，包括前端開發(fā)中的CSS樣式表的編寫。下面介紹如何用IDEA寫CSS。

首先，在IDEA的項目中新建一個CSS文件，文件名以.css為后綴。接著輸入以下代碼：

body {
background: #ccc;
font-family: Arial, sans-serif;
}
h1 {
color: #f00;
font-size: 36px;
text-align: center;
}

以上代碼，分別定義了body元素和h1元素的樣式。這里的語法和其他編輯器中的CSS語法一樣。

接下來，可以使用IDEA的CSS代碼提示功能，來快速輸入CSS的各種屬性和值。例如，輸入“background-image:”，IDEA會自動提示出可用的圖片路徑。

在CSS文件中，使用“.”符號定義類選擇器，使用“#”符號定義ID選擇器。例如：

.nav {
background: #333;
color: #fff;
}
#header {
background-image:
url("../images/header-img.jpg");
background-size: contain;
height: 300px;
}

以上代碼，分別定義了類選擇器和ID選擇器。要使用這些選擇器，只需在HTML頁面中對應的元素中添加class或id屬性即可。

在編寫CSS時，還可以使用代碼縮寫，這可以提高開發(fā)效率。例如，縮寫background成bg：

.bg {
background: #ccc url("../images/bg.jpg") no-repeat;
}

到這里，我們已經(jīng)介紹了如何在IDEA中寫CSS。當然，還有很多CSS細節(jié)可以學習，希望通過這篇文章可以為初學者提供幫助。