HTML + CSS + JS チートシート
Webサイトを作るときの記述言語で覚えていたい事、役に立った事など、すぐに見返せるようにまとめていこうと思います。
まずはここから
- W3School HTML, CSS, JavaScriptからPythonなど色々学べます。
HTML5
2021年1月28日に廃止された。HTML Living Standard(有志の日本語訳)がこれからの主流になった。
CSS
セレクタ
- A > B A要素の直下にあるすべてのB要素
- A:eq(n) （複数の）A要素の中のn番目のA要素
- A + B A要素の直後にある(1つ目の)B要素
疑似要素
css3では::は２つ
- ::before 要素の直前にcontent: “”の内容が挿入される
- ::before 要素の直後にcontent: “”の内容が挿入される
JavaScript
変数宣言はlet, constが良いらしい。varはなるべく使わない。
- Google Charts チャート図を作る時 グーグルより
- JSON Editor Online
- document.getElementById(“form”)
- document.createElement(“li”)
- document.querySelectorAll(“li”) // liタグを全部取ってくる
- li.addEventListener(“click”, function () {…});
- let rotateValue = circle.style.transform // cssのcircle IDのtransform要素を取ってくる
変換
- 数値 = Number(文字列)
