2019年5月23日 星期四

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






沒有留言:

張貼留言