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

MyMemoWiki

CSS3

提供: MyMemoWiki
2020年2月15日 (土) 07:31時点におけるPiroto (トーク | 投稿記録)による版 (ページの作成:「==CSS3== [CSS][レスポンシブWebデザイン][jQuery] {{amazon|4798132195}} 読みやすい。わかりやすい。 ===ブラウザ独自のスタイルをリ…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

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