Skip to content

Instantly share code, notes, and snippets.

@budougumi0617
Created February 22, 2014 12:52
Show Gist options
  • Save budougumi0617/9154371 to your computer and use it in GitHub Desktop.
Save budougumi0617/9154371 to your computer and use it in GitHub Desktop.
HTML5プロフェッショナル認定試験 無料セミナー ref: http://qiita.com/budougumi0617/items/5be51d12411df79efdff
@keyframes test{
0% { //アニメーションの所要時間の%で指定。
background-color: red;
}
25% {
background-color: yellow;
}
100% { //0%と100%は必ず指定する必要がある。
background-color: red;
}
}
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF8">
<tytle></tytle>
<link media="screen and (max-width: 1000px)" ... >
<link media="screen and (min-width: 1000px)" ... >
CACHE MANIFEST #必ず1行目に記述
styles/default.css #省略すると「CACHE:」
CACHE: #キャッシュさせて使うファイルを指定
styles/default.css
NETWORK:
* #「CACHE:」で指定されていないファイルは全て
SERING: #キャッシュ(モード)の設定
prefer-online #可能ならばネットからファイルを取得。デフォルトはfast(キャッシュを使う)
FALLBACK: #取得失敗時の代替ファイルを指定
offline.html
<link media="screen かつ幅が600px以上" ...>
<style media="screen かつ幅が1024px以下" ... >
</style>
<!DOCTYPE html>
<html lang="ja" manifest="***.appcache">
...
</html>
@media screen{
...
}
<ruby>
女<rb>満</rb><rb>別</rb>
<rt>め</rt><rt>まん</rt><rt>べつ</rt>
<rtc>
<rt>me</rt><rt>man</rt><rt>betsu</rt>
</rtc>
</ruby>
div#wrapper { //セレクタ
width: 900px; //プロパティ: 値;
padding: 1em; //プロパティ: 値;
...
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment