CSS3の変更点

• 追加された行はこのように表示されます。
• 削除された行はこのように表示されます。

!!!CSS3
[CSS][レスポンシブWebデザイン][jQuery]
{{amazon 4798132195}}
読みやすい。わかりやすい。

!!ブラウザ独自のスタイルをリセット
!normalize.css
ブラウザ毎の差異をなくす。HTML5要素の初期化にも対応
*http://necolas.github.io/normalize.css/
!CSS Reset
ブラウザデフォルト指定を無くして、さらの状態からスタート
*http://www.cssreste.com

!!!UI
!!ボタン
!角丸フラットボタン
 .button {    
    -webkit-appearance: none;
    appearance: none;
    border: solid 1px rgba(0,0,0,0.2);
    box-sizing: border-box; 
    background: #E9F2F0;    
    border-radius: 4px;    
    color: #333;    
    padding: 6px  10px;    
    text-align: center;    
    cursor: pointer;
 }
 .button:hover {
     background: #d8d8d8;
 }