伸縮自如的RWD排版術(上)

• 開版的寬度通常是多少

可以參考Bootstrap

• RWD 一定要加的語法

viewport

• Media Query

1. 權重規則

• HTML 標籤1分
• css類別選擇器10分
• id 選擇器 100分
• element 1000分
• !important 10000分

h1{
color:black !important;
}

• 先看權重，再看先後順序，後者贏
• 永遠不用要id
• 寫CSS樣式不需要ID

寫在style的時機 回吐一個動態的url回來 style=”background:url()”

• 權重測驗1

  

• 權重測驗2

  

• 權重測驗3