css与js有什么关系

在web开发中，CSS和JS是两个非常重要的技术。CSS（层叠样式表）用于控制页面的样式和布局，而JS（JavaScript）则用于实现网页的交互效果和功能。

CSS和JS之间的关系非常密切。CSS可以通过选择器和属性来控制HTML标签的样式，而JS可以通过DOM（文档对象模型）来动态地修改HTML标签的属性和样式。因此，CSS和JS可以配合使用，达到更好的效果。

//JS代码示例
var button = document.getElementById("myButton");
button.onclick = function() {
  button.style.backgroundColor = "red";
}; 

上面的代码中，JS通过获取ID为“myButton”的按钮元素，并设置其点击事件，当按钮被点击时，将按钮的背景颜色设置为红色。这个效果可以使用CSS实现，但JS可以更灵活地控制这个交互效果。

此外，CSS也可以通过选择器选择元素的属性和状态，JS可以根据这些选择器来动态地修改元素的属性和状态。例如，当鼠标移动到某个元素上时，可以使用CSS来实现鼠标悬停的样式，而JS可以根据这个状态来动态修改元素的展示内容或行为。

//CSS代码示例
button:hover {
  background-color: blue;
} 

通过CSS和JS的配合使用，可以实现更加丰富、动态和交互的网页效果。但是，应该注意的是，CSS和JS的性能消耗较高，特别是当页面包含大量的样式和交互效果时，需要注意优化和合理使用技术。