在Web开发中，我们很常见到通过CSS来美化网页样式。但是有时候，我们想要通过JavaScript来创建样式，尤其是在动态生成元素时。今天，我们就来学习一下如何使用JavaScript创建style。 首先，我们需要知道，创建style的方法有两种：一种是通过在HTML中创建style标签并设置其内容，另一种是通过在JavaScript中创建style节点。下面，我们先来看第一种方法。 假设我们要将p标签的文本颜色和字体大小都设置为红色和20px。那么，我们可以通过如下代码来创建style标签并设置其内容：

<style>
p {
color: red;
font-size: 20px;
}
</style>

这样，所有的p标签都会继承这个样式。 接下来，我们来看第二种方法，即通过JavaScript来创建style节点。首先，我们需要使用document.createElement方法来创建style节点，如下所示：

var styleNode = document.createElement('style');

然后，我们可以使用styleNode.sheet.insertRule方法来添加规则，如下所示：

styleNode.sheet.insertRule('p { color: red; font-size: 20px; }', 0);

需要注意的是，上面的代码中，insertRule方法的第二个参数是表示要插入的位置，0表示插入在样式表的最前面。 除此之外，我们还可以使用styleNode.textContent属性来设置样式内容，如下所示：

styleNode.textContent = 'p { color: red; font-size: 20px; }';

同样地，这种方法也可以实现动态添加样式的效果。 总之，通过JavaScript创建style有两种方法，一种是在HTML中创建style标签并设置内容，另一种是在JavaScript中创建style节点并添加规则或设置其textContent属性。这样，我们就可以灵活地动态地添加样式了。