## 操作節點樣式
樣式:層疊樣式表,樣式可以美化網頁。(通過浮動,定位改變他們在網頁中的位置)
注意:樣式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/>