study overflowプロパティが効かない…について 結論は、子要素にposition: absolute;があると効かないです。親要素にposition: relative;を加えれば解決します。overflowプロパティについてみていきたいと思います。 overflow:画像がボッ... 2020.09.16 study
HTML a(アンカータグ)タグ 擬似クラスについて aタグに用いる擬似要素として、挙げられるのが… :link 未訪問リンク:visited 訪問済みリンク:hover カーソルが重なった時:active クリックしてから離される時まで 擬似クラスはセレクタに続けて指定します。... 2020.09.09 HTMLstudy
css cssで要素を中央に配置する方法 cssを使って、画像を中央に配置したいときどうしますか?今回は、それをいくつか紹介します。 早速行ってみます。 1、text-align: center;を使う(※インライン要素のみ)2、margin: auto;を使う(※ブ... 2020.09.05 cssstudy
css background-imageで画像をぼかさずフルサイズにする方法 background-imageで画像をぼかさずにフルサイズで表示する方法。 HTML<div class="img"> <img src=./img/a.jpg alt="" width="" height=""... 2020.09.02 cssstudy
css クラス名,id名 命名について HTML,cssで作品を作っていて思ったのが、意外と、クラス名、id名についての設定で時間をとることが、多くなりました。 ブロックなど親要素で使えそうなclass名 container : コンテナmain : メインglob... 2020.08.28 cssstudy
study cssの基本単位として”rem”を使うと便利な件について ホームページを作るときに、の幅の指定に困りませんか? 今回は、それを解決しようと思います。 width,heightの指定として、楽なのは、remです!! remとは何か… ルート要素(html要素)で指定した値を... 2020.08.26 study
Git・GitHub Git GitHub について Git GitHubでうまくいかなかったので記載しようと思います。ちなみに、今回は、もりけん先生に教えていただいたgit cloneで作成してはいません…次回に記事にします。 gitとgithubの違いについては、以下のリンクで調べ... 2020.08.14 Git・GitHubstudy
study フロントエンドエンジニアになるために フロントエンドエンジニアになると決めたのはいいけれど…どのように進んでいくのか息詰まったので、整理します。 逆算して… 1.目標として、2021年3月までに就職をする。2.それを達成するために、9月までに、以後記載する(HTM... 2020.07.24 studyコラム
JavaScript JavaScript~クイズゲーム 修正2~ 今日は、以前のタイピングゲームの修正です。 上記が以前のコードです。 ここの117行目のところが原因で、最後の問題を解いた後に、正常であれば、結果が出るのですが、それがでません。まず、何が原因なのか考えるため、co... 2020.07.23 JavaScriptstudy
JavaScript JavaScript~クイズゲーム 修正1回目~ JSのクイズゲームでエラーがでたので、先生に質問しました。 問題のコードがこれです。↓↓ エラーを起こすときは、問題をスタートして、ラジオボタンが表示されて、問題に答えるためにラジオボタンにクリックしたときに、ch... 2020.07.20 JavaScriptstudy