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

MyMemoWiki

CSS3

提供: MyMemoWiki
2020年2月16日 (日) 04:23時点における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;
}