study

HTML

a(アンカータグ)タグ 擬似クラスについて

aタグに用いる擬似要素として、挙げられるのが… :link 未訪問リンク:visited 訪問済みリンク:hover カーソルが重なった時:active クリックしてから離される時まで 擬似クラスはセレクタに続けて指定します。...
css

cssで要素を中央に配置する方法

cssを使って、画像を中央に配置したいときどうしますか?今回は、それをいくつか紹介します。 早速行ってみます。 1、text-align: center;を使う(※インライン要素のみ)2、margin: auto;を使う(※ブ...
css

background-imageで画像をぼかさずフルサイズにする方法

background-imageで画像をぼかさずにフルサイズで表示する方法。 HTML<div class="img"> <img src=./img/a.jpg alt="" width="" height=""...
css

クラス名,id名 命名について

HTML,cssで作品を作っていて思ったのが、意外と、クラス名、id名についての設定で時間をとることが、多くなりました。 ブロックなど親要素で使えそうなclass名 container : コンテナmain : メインglob...
study

cssの基本単位として”rem”を使うと便利な件について

ホームページを作るときに、の幅の指定に困りませんか? 今回は、それを解決しようと思います。 width,heightの指定として、楽なのは、remです!! remとは何か… ルート要素(html要素)で指定した値を...
Git・GitHub

Git GitHub について

Git GitHubでうまくいかなかったので記載しようと思います。ちなみに、今回は、もりけん先生に教えていただいたgit cloneで作成してはいません…次回に記事にします。 gitとgithubの違いについては、以下のリンクで調べ...
study

フロントエンドエンジニアになるために

フロントエンドエンジニアになると決めたのはいいけれど…どのように進んでいくのか息詰まったので、整理します。 逆算して… 1.目標として、2021年3月までに就職をする。2.それを達成するために、9月までに、以後記載する(HTM...
JavaScript

JavaScript~クイズゲーム 修正2~

今日は、以前のタイピングゲームの修正です。 上記が以前のコードです。 ここの117行目のところが原因で、最後の問題を解いた後に、正常であれば、結果が出るのですが、それがでません。まず、何が原因なのか考えるため、co...
JavaScript

JavaScript~クイズゲーム 修正1回目~

JSのクイズゲームでエラーがでたので、先生に質問しました。 問題のコードがこれです。↓↓ エラーを起こすときは、問題をスタートして、ラジオボタンが表示されて、問題に答えるためにラジオボタンにクリックしたときに、ch...
JavaScript

JavaScript~LoadとDOMContentLoadedの違い~

今日は、javascriptのLoadとDOMContentLoadedについて記事にします。 先生に質問した時に、先生の解答から調べたもでしたが、意外とブラウザでjavascriptやHTML、CSS、画像等がいつ読み込まれるのか...
タイトルとURLをコピーしました