---
# System prepended metadata

title: CSS與JS
tags: [JavaWeb CSS]

---

# CSS與JS
###### tags: `JavaWeb CSS`

CSS
1.CSS的角色：頁面顯示的美觀風格
2.CSS的基礎語法：標籤樣式;類樣式;ID樣式;嵌入式樣式表;內部樣式表;外部樣式表
3.盒子模型：border、margin、padding
4.定位和浮動：position、float、DCV+CSS布局

JS
1.JS是客戶端(瀏覽器端)運行的腳本語言，語法風格和JAVA比較類似
2.JS是弱類型的語言 var str = 99;
3.JS的函數 function hello(var num){}
4.DOM技術：
    4.1 鼠標懸浮：onmouseover、event.srcElement、事件傳遞、parentElement、style、backgroundColor
        鼠標離開：onmouseout
    4.2 鼠標點擊：hand/pointer、onclick、td.innerText、td.innerHTML="<input type='text/'>",td.firstChile.value=oldPrice
        失去焦點：onblur、input.parentElement.innerText=newPrice;
        更新小計：input=event.srcElement、tr = input.parentElement.parentElement、tr.cells,pareseInt
        更新總計：document.getElementById("fruit_tbl")、fruitTbl.rows
    4.3 刪除圖片：img、img.parentElement.parentElement.rowIndex、table.deleteRow(rowIndex)