在代码中创建 CSS 样式可以使用两种方式：行内样式和外部样式表。行内样式直接写在 HTML 元素的 style 属性中，适用于少量元素的简单样式。
外部样式表将样式定义在一个单独的文件中，然后通过 `<link>` 标签引用到 HTML 文档中，适用于大量元素或复杂的样式。
外部样式表可以更有效地管理样式，并且易于维护和更新。
在代码中创建CSS样式通常需要使用HTML和JavaScript。以下是一个简单的示例：
```html
<!DOCTYPE html>
<html>
<head>
<style>
/* 在这里编写CSS样式 */
.my-class {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<div class="my-class">这是一个带有自定义CSS样式的文本。</div>
<script>
// 在这里编写JavaScript代码，如果需要的话
</script>
</body>
</html>
```
在上面的示例中，我们在`<style>`标签内定义了一个名为`.my-class`的CSS类，该类将文本颜色设置为红色，字体大小设置为20像素。然后，我们使用`<div>`元素并将`class`属性设置为`my-class`来应用这个样式。
除了直接在HTML文件中编写CSS样式外，还可以通过外部CSS文件或内联样式表的方式引入CSS样式。例如，可以将CSS样式放在一个单独的CSS文件中，然后在HTML文件中使用`<link>`标签引用它：
```html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
```
在上面的示例中，我们将CSS样式放在名为`styles.css`的外部文件中，并在`<head>`标签中使用`<link>`标签将其引入到HTML文件中。
