プログラミング初心者– tag –

疑似要素（Pseudo-elements）は、HTMLの要素に対して疑似的な内容や装飾を追加するためのCSSの機能です。特に ::before や ::after がよく使われ、要素の前後にコンテンツを追加できます。 ::before と ::after の基本 ・要素の前（::before）または後（::...

z-index の基本的な使い方 z-index はCSSのpositionプロパティ（absolute, relative, fixed, stickyのいすれか）が適用された要素の重なり順を制御するプロパティです。数値が大きいほど上に表示され、小さいほど下に表示されます。 z-index の基本 ・z-in...

フレックスボックス（Flexbox)は、要素を柔軟にレイアウトできるCSSのレイアウトモデルです。親要素に display: flex; を設定すると、子要素の配置やサイズ調整が簡単にできます。 基本的な使い方 ・水平に並べる ・結果display: flex;にすると、itemが横...

写真をHTMLで使うには、正しい場所に保存することが大事です！難しく考えずに次の手順で作業してみましょう！ imagesフォルダを作る 写真フォルダの名前は「 images 」という名前で作成します。「 images 」フォルダは、必ずHTMLファイルと同じ場所に作り...

「あれ、エクスプローラーが消えた！」VS codeを使っていると、そんな経験をしたことはありませんか？この記事では、エクスプローラーを表示・非表示する方法を、初心者でも分かりやすく解説します！ エクスプローラーとは エクスプローラーは、VS codeの...

画像を斜めに傾けたい時の解説を簡単にしていきたいと思います★！ CSSを使用して画像を斜めに傾ける場合、transform　プロパティを使用します。その中でも、rotate( )　関数を利用して角度を指定することで、画像を簡単に回転することができます。 以下は...

スペルチェックって何？ 1 スペルチェックは、文章やコードの中にある「スペルミス（つづりの間違い）」を見つけて教えてくれる機能のことです。例えば、英語の単語を間違えて書いてしまったときに、「これ間違ってるよ！」と教えてくれる「お助けツール」...

Live Server（ライブサーバー）とは Live server （ライブサーバー）とは、visual studio code （ビジュアルスタジオコード）の【 拡張機能 】のひとつです。簡単に言うと、「 あなたが書いたコードをすぐにブラウザで見せてくれるツール 」です。 使うメ...