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では::は2つ

  • ::before 要素の直にcontent: “”の内容が挿入される
  • ::before 要素の直にcontent: “”の内容が挿入される

JavaScript

変数宣言はlet, constが良いらしい。varはなるべく使わない。

  • document.getElementById(“form”)
  • document.createElement(“li”)
  • document.querySelectorAll(“li”) // liタグを全部取ってくる
  • li.addEventListener(“click”, function () {…});
  • let rotateValue = circle.style.transform // cssのcircle IDのtransform要素を取ってくる

変換

  • 数値 = Number(文字列)

こういうブログもありました。

CyberMameCAN
  • 鹿児島県の出水市という所に住んでいまして、インターネット周辺で色々活動して行きたいと思ってるところです。
    Webサイト作ったり、サーバ設定したり、プログラムしたりしている、釣りと木工好きなMacユーザです。
    今はデータサイエンスに興味を持って競馬AI予想を頑張ってます。

Webサイト作成

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください