可以通过document.styleSheets属性访问文档中可用的CSS样式表，它会返回一组对象集合，这些对象代表了与文档管理的各个样式表。要获取某个元素的style属性所定义的样式属性，需要读取HTMLElement对象里定义的style属性值。style属性会返回一个CSSStyleDeclaration对象，它和通过样式表所获取的对象属于同一类型
1.可以使用行内样式
2.可以使用style标签
3.可以使用link引入css文件
4.可以使用js动态修改
1.外部样式表。在CSS文件夹建立CSS文件，在文件内写样式。
2.内联样式表。在Html里写<style></style>标签，在标签内写样式。
3.内联样式。直接在标签名写样式。<div style="width:300px;"></div>
4.通过Jquery改变css，改变的是内联样式。$(".xxx").css({
"width":300
})
1.行内样式
2.style标签
3.js动态修改
4.link引入css
1.使用行内样式
<div style="background: aqua;"></div>
2.使用style标签
<style>
.className{
background: aqua;
}
</style>
<body>
<div class="className"></div>
</body>
3.引入层叠样式表（link引入css文件）
css文件：
.className{
background: aqua;
}
4.使用js动态修改
document.getElementById("idName").style.background="aqua";