HTML and CSS

1. @important
風格表有三種來源：作者定義的，用戶指定的，與展現程式的預設值。預設的串聯規則是：作者定義的風格表會取代用戶定義的風格表，而展現程式的預設值位階最低。可以在作者的風格表與用戶的風格表中使用 !important，改變預設的串聯規則。依據 CSS2 標準，如果用戶的風格表中，有使用 !important 的規則，則其優先權會高過作者的風格表，即便作者的風格表中有加上 !important。其語法是：

ref: 1 2


2.  @media ref 1
@media 是 CSS 擴充元件的寫法之一，我們可以把它當成是 CSS 的類別

Query 顧名思義就是「查詢」的意思，我們如果要非常熟練的運用 media，各種條件跟條件之間的查詢是不可或缺的。像是前面範例運用的(min-width: 400px) and (max-width: 700px)，那個「and」就是 Query 的一種。

Query 的語法只有三大項：not, and, only。我們最常用的是「and」


Media Feature
width | min-width | max-width
(寬度 | 最小寬度 | 最大寬度)
height | min-height | max-height
(高度 | 最小高度 | 最大高度)
device-width | min-device-width | max-device-width
(裝置寬度 | 裝置最小寬度 | 裝置最大寬度)



3. jquery
: time line  1 2



4. CSS add start
https://stackoverflow.com/questions/23141854/adding-asterisk-to-required-fields-in-bootstrap-3