## 操作节点样式
样式:层叠样式表,样式可以美化网页。(通过浮动,定位改变他们在网页中的位置)
注意:样式style样式在JS点语法中是个JSON格式
## 语法:
```
var 变量名称=document.getElementById("id属性值");
变量名称.style
```
### 赋值语法:
比如改变样式的宽
```
变量名称.style
.width="100px"
```
### 这样元素宽度就变成了100px
<p style="color:red">注意:如果中间带-的单词 比如background-color
要改成驼峰写法才可以识别:backgroundColor</p>
<br/>
## 注意:点语法只能获取和操作行内样式
### 样式分为: 行内样式,内部样式,外部样式
行内样式如下代码:
```
<div style="width:100px;height:200px;background-color: aqua;">你好</div>
```
内部样式:
```
内部样式在 <style> <style>样式中
```
外部样式
引入样式 用 link标签引入的叫外部样式。
<br/>