JavaScript,以下简称JS

它与HTML的css样式不同

内外部引用都是script标签

只靠文字叙述有些不便,我们直接上代码

 

从以上的代码中不难看出,用div1举例的话

var div1=document.getElementById('div1')是说:

声明一个叫div1的变量,用来在整个代码文档中,通过元素的id获取一个叫'div1'的信息,也就是body中放入的盒子div1

console.log(div1)是在输出这个被赋值的变量div1

div1这个盒子的宽度设置是跟在div1.style后面的

也就是说,css的样式需要放在style的后面

来看一下网页效果

 

 以上