基礎– category –

・余白には「外側」と「内側」があります。今回は「内側の余白」＝paddingだけに注目！・「文字が端っこにくっついちゃう」「背景色はつけたけど、なんだか窮屈…」などの悩みを解決します！ paddingとはどこのこと？ ・ボタンを例にして説明します・paddin...

今回は「学校のルール」にたとえて、わかりやすく説明します！ CSSの優先順位ってなに？ ・同じ場所に複数のCSSがあると、どれか1つだけが有効になる・それを決めるのが「セレクタの強さ」「優先順位」 学校で例えるセレクタの優先順位 実際のコードで書い...

🔰 JavaScript初心者がつまずく「配列」と「オブジェクト」って何？ JavaScriptでよく登場する「配列」と「オブジェクト」。データをまとめて管理するために欠かせない存在です。 でも「どう使うの？」「何が違うの？」という声、多いですよね。 こ...

・CSSってよく聞くけど、「セレクタ」って何？今回は、セレクタとは何か？初心者が知っておきたい３つのセレクタを優しく解説します。・このブログを読む前にこれを読めばさらに理解する記事↓これで完璧！外部 CSS の作り方完全ガイドclass と id の違いを...

HTMLやCSSでを練習していると、「タグをいちいち全部書くのは大変…」そんなあなたに知って欲しいのが、VS Codeに入っている「Emmet（エメット）」です Emmet（エメット）って何？ Emmetとは、HTMLやCSSのコードを短く書いて、【 TABキー 】で一気に展開で...

たとえば、写真を表示させたいとき・タグは「写真を出すよ！」という宣言をする・属性は 「このフォルダの中にあるよ！」「この写真を使って！ 」などの細かい指示をする < img >タグの属性名は　src alt ↓これは「画像を出すよ！」という命令です。...

JavaScriptを学ぶにあたって一番最初に「？？？」となりやすい「変数」「関数」「引数」「戻り値」について詳しくわかりやすいように説明していこうと思います！ 変数とは？？？ 変数はデータに名前を付ける箱だと思ってください！イメージ：リンゴを入れ...

ブロック要素とインライン要素の違いを、超簡単に解説します！ タグと要素のちがい 「タグ」と「要素」は、どう違うのだろうか？ 正確には・タグとは → <p> , <h1> , <span> , <a> , <br> などの記号をいいます。・要素とは...

webサイトを作っていると、マウスを乗せた時に指のマークになるボタンを見かけたことはありませんか？今回は、初心者の方でも超カンタンにできる！指のマークになるボタンの作り方を、優しく解説します！ 基本のボタン まずはhtmlで基本のボタンを作ります...

この記事では、HTMLとCSSだけで簡単にボタンを作る方法を、超初心者向けに分かりやすく解説します！「コードがよくわからない…」という方でも大丈夫！実際のサンプルを見ながら、一緒に楽しく学んでいきましょう！ フォルダ作成 まずはフォルダとファイル...