[Update] HTML and CSS 翻譯

- [x] HTML.md
- [ ] CSS.md
另外這邊我覺得翻譯的怪怪的

原文
> When altering states using JavaScript, use CSS to define your states

你翻的
> 當使用 JavaScript 更動 CSS 去改變樣式或狀態時

下面他其實沒有舉例(他只有舉不要寫成 inline的例子而已)，以我的理解我覺得他的意思應該是這樣：
假設有個 `span` 好了

`<span id="infoBtn" class="btn btn-info">` 

當我今天用 javascript 對這這個按鈕進行 `opacity` 操作的時候，我們會一個 good 方法跟一個 bad 方法：

## BAD：

`$('#infoBtn').css('opacity', 0.5);`

## GOOD

```CSS
<style>
.halfVisibility{
    opacity : 0.5;
}
</style>
```
`$('#infoBtn').addClass('halfVisibility');`