Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
HTML5/CSS3 モダンコーディング 読書メモ
  • P32
  • P6 ダウンロード
  • p10 リセットCSS
  • P037: white-space: nowrap;overflow: hidden;
    • 折返さないようにして、要素をはみ出た分を非表示にする
  • P041: display: block とか display: inline-block とか
    • inline 要素は block にすることで幅や高さを指定できるようになる
  • P044: transition
    • スタイルの変化を「ふわっ」とさせる
  • P058: overflow-y: auto;
    • 高さをはみ出した場合にスクロールできる
  • P059: max-height: 220px;
    • max を指定することで高さが可変になる
  • P061: nth-of-type
    • 同じ階層の n 番目の要素にスタイルをあてられる
    • 奇数・偶数みたいな指定も可能
  • P064: font-size: 0px;
    • 半角スペースによって改行をさせない
  • P076
    • transform プロパティで要素を移動、回転、変形できる
  • P078
    • HTML や CSS のブラウザごとのサポート
      • Home で調べる
      • 必要に応じてベンダープレフィックスを付ける
  • P080
    • CSS カウンタ
    • カウンタを定義してインクリメントできる
  • P084
    • すき間を無くしたいときは font-size: 0px;
    • その後文字サイズを復活させる
  • P101
    • ダミーテキストに Lorem ipsum...
    • 日本語だと著作権の切れた小説が多いらしい
  • P159
    • Sass を使うとシングルクラスで重複を排除できる
    • @extend
  • P184
    • z-index で重なり順を制御できる
  • P190
  • P204
    • 透明度
    • rgba での指定はあくまで色の透過
    • opacity は要素全体の透過
      • 文字色や枠線、子要素も透過される
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.