| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

CSS3

提供: MyMemoWiki
2020年2月15日 (土) 08:30時点におけるPiroto (トーク | 投稿記録)による版
ナビゲーションに移動 検索に移動

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