js------函数，CSS全局样式的设置
在JavaScript中，您可以使用document.body.style来设置全局CSS样式。以下是一个简单的例子，展示了如何使用JavaScript动态更改页面的背景颜色。
// 设置页面背景颜色为灰色
document.body.style.backgroundColor = '#f0f0f0';
// 设置段落文本颜色为蓝色
document.body.style.color = 'blue';
// 设置字体大小为16px
document.body.style.fontSize = '16px';如果您想要设置更多的全局样式，可以继续添加style属性。
请注意，这种方法会覆盖页面上现有的任何内联样式或外部样式表。如果您需要添加一个新的样式规则，可以使用CSSStyleSheet对象。
// 创建一个新的样式表
var style = document.createElement('style');
// 设置样式表的内容
style.innerHTML = `
body {
background-color: #f0f0f0;
color: blue;
font-size: 16px;
}
/* 更多全局样式 */
`;
// 将样式表添加到文档中
document.head.appendChild(style);这段代码会创建一个新的<style>标签，并将其添加到文档的<head>中。在这个<style>标签内，您可以设置您想要的任何CSS规则，它们将应用于整个页面。
评论已关闭