javaScript书写css样式怎么写

JavaScript本身并不直接用来书写CSS样式，它主要用于编写网页脚本和操作DOM（文档对象模型）。然而，在JavaScript中与CSS交互时，可能涉及到操作CSS样式的部分。对于前端开发者来说，虽然JavaScript不直接创建CSS，但它可以通过`document.styleSheets`或`Element.style`属性来访问和修改元素的样式。

CSS样式通常按照一定的规范书写[^1]，如推荐先写显示属性（如`display`, `position`），接着是元素自身的属性（如`width`, `height`），最后是文本相关的属性（如`color`, `font-size`）。这样有助于代码组织和维护。但在实际开发中，这只是一个推荐实践，允许灵活调整以适应特定需求。

例如，如果你有一个HTML元素，你可以通过JavaScript动态添加或修改其CSS类来改变样式：

// 获取元素并设置样式
var element = document.getElementById('myElement');
element.style.color = 'red'; // 修改字体颜色
element.classList.add('new-style'); // 添加新的CSS类

// 或者通过内联样式
element.innerHTML = '<span style="color: blue;">Hello</span>'; // 设置内部文本颜色