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

MyMemoWiki

「CSS3」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
 
1行目: 1行目:
==CSS3==
+
==[[CSS3]]==
 
[[CSS]] | [[レスポンシブWebデザイン]] | [[jQuery]] |  
 
[[CSS]] | [[レスポンシブWebデザイン]] | [[jQuery]] |  
 
{{amazon|4798132195}}
 
{{amazon|4798132195}}
6行目: 6行目:
 
===ブラウザ独自のスタイルをリセット===
 
===ブラウザ独自のスタイルをリセット===
 
====normalize.css====
 
====normalize.css====
ブラウザ毎の差異をなくす。HTML5要素の初期化にも対応
+
ブラウザ毎の差異をなくす。[[HTML]]5要素の初期化にも対応
 
*http://necolas.github.io/normalize.css/
 
*http://necolas.github.io/normalize.css/
====CSS Reset====
+
====[[CSS]] Reset====
 
ブラウザデフォルト指定を無くして、さらの状態からスタート
 
ブラウザデフォルト指定を無くして、さらの状態からスタート
 
*http://www.cssreste.com
 
*http://www.cssreste.com

2020年2月16日 (日) 04:23時点における最新版

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