rie– Author –

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

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

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

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

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

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

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

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

class （クラス）とは クラスは「複数のものに同じスタイルを適用したいとき」に使います class の使い方はこちらから→HTMLのclassの使い方！を分かりやすく解説！ たとえば、ボタンが６つあります。 赤いボタン３つと緑のボタン３つに分けます。この場合...

この記事では、HTMLのclassを使って、どんなページでも簡単にデザインを変更する方法を学びます <p> タグをデザインする では早速以前作成した、HTMLの「絶品カレーの作り方」を使ってclassの使い方を学びましょう！ ・HTMLの「絶品カレーの作り方」...