在前端开发过程中，实现各种各样的CSS效果对于页面展示和用户体验都至关重要。然而，有时候我们需要用JavaScript来实现一些CSS效果，这时候就需要掌握一些JavaScript的技巧来操作CSS。

// 获取元素
const box = document.querySelector('.box');
// 修改CSS样式
box.style.color = 'red';
box.style.fontSize = '20px';

通过JavaScript的style属性，我们可以直接操作元素的CSS样式，如上述代码示例可以修改元素“box”的字体颜色和字体大小。

除了直接修改CSS样式外，我们还可以使用JavaScript添加/移除CSS类来实现更多的CSS效果。

// 添加CSS类
box.classList.add('active');
// 移除CSS类
box.classList.remove('active');

在上述代码示例中，我们使用classList属性添加/移除CSS类。有了classList，我们可以不需要直接操作元素的样式来实现各种CSS效果，只需要定义好CSS类，通过添加/移除CSS类来实现样式效果。

最后，如果我们需要在JavaScript中获取元素CSS样式，我们可以使用getComputedStyle()方法。

// 获取CSS属性
const color = getComputedStyle(box).color;
const fontSize = getComputedStyle(box).fontSize;

getComputedStyle()方法可以获取元素中某个特定CSS样式属性的值。我们只需要传入元素对象和需要获取的CSS属性名称即可。

总之，JavaScript在控制CSS方面的功能是非常强大的。在开发中，我们需要根据具体需求灵活使用JavaScript实现CSS效果，提高页面可交互性和用户体验。