12,673
回編集
差分
ナビゲーションに移動
検索に移動
ページの作成:「==CSS3== [CSS][レスポンシブWebデザイン][jQuery] {{amazon|4798132195}} 読みやすい。わかりやすい。 ===ブラウザ独自のスタイルをリ…」
==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;
}
[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;
}
© 2006 矢木浩人
