CSS3

提供: MyMemoWiki
ナビゲーションに移動 検索に移動

CSS3

CSS | レスポンシブWebデザイン | jQuery |

読みやすい。わかりやすい。

ブラウザ独自のスタイルをリセット

normalize.css

ブラウザ毎の差異をなくす。HTML5要素の初期化にも対応

CSS Reset

ブラウザデフォルト指定を無くして、さらの状態からスタート

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;
}