[css] 第132天 有哪些方式可以对一个DOM设置它的CSS样式?
haizhilin2013 opened this issue · comments
第132天 有哪些方式可以对一个DOM设置它的CSS样式?
1.可以使用行内样式
2.可以使用style标签
3.可以使用link引入css文件
4.可以使用js动态修改
- 行内样式:
<div style="text-align:center;">233</div>
- 内连样式:
<head> ... <style> div{ text-align: center; } </style> ... </head> <body> ... </body>
- 外链样式:
<head> ... <link href="..." rel="..."> ... </head>
外链,内联,行内,js脚本修改
外链css样式文件中对对应节点绑定样式。
内联样式,在<style> 中写样式。
行内样式,在对应dom节点中写样式。
基于JS的innerHTML直接更改对应的样式。
let dom = document.getElementById('a');
dom.innerHTML="<div id='a' style='border:solid 1px red;width:300px;height:300px'>1</div>"
你们都说完了,我只有说666了。