IntelliJ IDEA 中编辑 CSS 代码：创建 CSS 文件和使用 `<style>` 标签

<p>在 IntelliJ IDEA 中编辑 CSS 代码时，可以通过创建 CSS 文件或直接在 HTML 文件中使用 '<style>' 标签来编写 CSS。</p>
<ol>
<li>
<p>创建 CSS 文件：</p>
<ul>
<li>在项目中的任意位置右键单击，选择“New” -&gt; “File”。</li>
<li>输入文件名，例如 'style.css'，并确保文件扩展名为 '.css'。</li>
<li>在创建的 CSS 文件中编写 CSS 代码。</li>
</ul>
</li>
<li>
<p>在 HTML 文件中使用 '<style>' 标签：</p>
<ul>
<li>在 HTML 文件的 '<head>' 标签内部或外部，使用 '<style>' 标签来定义 CSS 样式。</li>
<li>在 '<style>' 标签中编写 CSS 代码。</li>
</ul>
</li>
</ol>
<p>下面是一个示例，演示如何在 HTML 文件中使用 '<style>' 标签编辑 CSS 代码：</p>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;My Page&lt;/title&gt;

    &lt;style&gt;
        /* CSS代码 */
        body {
            background-color: #f2f2f2;
            font-family: Arial, sans-serif;
        }

        h1 {
            color: #333;
        }

        .container {
            width: 800px;
            margin: 0 auto;
        }

        .button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;h1&gt;Welcome to My Page&lt;/h1&gt;
        &lt;a href=&quot;#&quot; class=&quot;button&quot;&gt;Click Me&lt;/a&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p>在上述示例中，CSS 代码位于 '<style>' 标签内部，定义了 'body'、'h1'、'.container' 和 '.button' 的样式。你可以根据需要修改这些样式，然后在浏览器中查看效果。</p>