#01 ECサイトをマークアップしよう

VS Code で作業用フォルダを分けて利用したいのですが、どうすればよいですか？

2022年9月29日

#02 ファビコンを設定しよう

コードを最初から書き直したのに、ファビコンがすでに設定されています

2022年7月9日

#03 Emmetを活用していこう

href 属性の、index.html、#、空文字の意味をそれぞれ教えて下さい

2022年12月5日

なぜ画像を h1 で囲うのですか？

2022年1月27日

a タグ(インライン要素)の中に h タグ(ブロック要素)を入れることは良いんでしょうか？

2022年1月27日

画像を h1 タグで囲うのはなぜですか？

2022年1月27日

Emmet に頼りすぎてプログラミング力が衰えないか心配です

2022年1月27日

#04 CSSを読み込んでいこう

レッスンとは違う書き方で、 HTML を記述してもいいですか？

2022年1月27日

imgのサイズ設定はHTMLで行ったほうが良いですか？

2022年1月27日

背景色や文字色などはどうやって決めているのですか？

2022年1月27日

自作サイトの画像はどのくらいのサイズにするべきですか？

2022年1月27日

#05 余白をリセットしていこう

h1 のデフォルト margin について教えてください

2023年4月18日

#08 ヘッダーのスタイルを整えよう

background-color と padding を .container ではなく header に書くのはなぜですか？

2022年10月28日

list-style: none; は li に指定しても問題ありませんか？

2022年3月24日

list-style: none; を使って「・」を消すケースがほとんどなのですか？

2022年2月18日

justify-content: space-between; と margin-left: auto; の違いは何ですか？

2022年2月18日

どのセレクタにどのプロパティを設定すればよいかわからなくなります

2022年1月27日

ul の padding: 0; はなぜ必要なのですか？

2022年1月27日

#09 Bootstrap Iconsを使っていこう

Bootstrap Icons の良い点と注意すべき点を教えてください

2022年11月20日

Bootstrap の著作権についておしえてください

2022年7月9日

フリーでアイコンを使えるサイトが閉鎖された場合はどうするのですか？

2022年1月27日

#10 メニューのスタイルを整えよう

header a {} ではなく、 header li a {} と指定する理由はなぜですか？

2023年2月22日

header li a i { } と書くのは、header 内に他の i が必要になった時のことを考えてなのでしょうか？

2022年1月27日

縦並びにするためにフレックスボックスを使うのですか？

2022年1月27日

header ul や header li a のように、頭に header を指定するのはなぜですか？

2022年1月27日

アイコンサイズの変更についてですが、font-size ではなく width と height での指定は可能でしょうか？

2022年1月27日

#11 リンクのスタイルを整えよう

a:hover の中身に transition: .3s; を書いても問題ないですか？

2023年4月30日

header li + li とはどういう意味ですか？

2022年6月9日

i 要素に指定したいのに、header li a に text-align を指定するのはなぜですか？

2022年2月28日

header li a の text-align を align-items としても問題ないですか？

2022年1月27日

inherit について「設定されている色をそのまま継承」とはどのような意味ですか？

2022年1月27日

#12 ヒーローセクションを作り込もう

なぜドットインストールのヒーロエリアは div ではなく section で囲われているのですか？

2022年8月23日

object-positon で画像の位置調整をするのは適切ですか？

2022年1月27日

HTML に % を記述したところ問題なく表示できました

2022年1月27日

#13 商品紹介のセクションを作ろう

header は日本語だけで書いていますが、なぜ header の高さが変化するのですか？

2022年8月22日

font-family は必ず設定しなければいけませんか？

2022年6月1日

ページ内での h1 タグは一度しか使わないほうが良いという認識なのですが...

2022年1月27日

#14 リストの項目を作り込んでいこう

商品リストには li タグではなく div タグを使っても良いのですか？

2022年1月27日

#15 項目の幅を設定しよう

.products .container ul li a h2 { ... } ではなく、 .products li h2 { ... } とするのはなぜですか？

2022年11月9日

outline と border の違いについて教えてください

2022年7月9日

#16 余白を調整していこう

なぜ .products a ではなく、 .products li a なのですか？

2022年1月27日

なぜdisplay:blockを設定するとaタグ全体にopacityが反映されるのですか？

2022年1月27日

a タグは display:inline なので、子要素の h2 , p を inline に合わせても良いのではないでしょうか？

2022年1月27日

display: inline; の要素の中に diaplay: block; の要素を入れるとこの要素の上でスタイルが分かれてしまう、とはどういうことでしょうか？

2022年1月27日

#17 商品を増やしてみよう

HTML で画像のサイズを指定するときと、しないときの違いについて教えてください

2023年3月2日

gap: 16px; とすると右側の余白が消えるのはなぜですか？

2022年6月10日

gap が li ではなく、 ul についているのはなぜでしょうか？

2022年2月28日

複数の画像を使用するとき、事前に画像のサイズ調整をするのでしょうか？

2022年2月10日

li の間に 16px の余白ができないのはなぜですか？

2022年1月27日

width: calc(50% - 8px);としても問題ないでしょうか？

2022年1月27日

余白を入れたい時の width と gap の違いはなんでしょうか？

2022年1月27日

gap はグリッドレイアウトで使えるものと思っていたのですが...

2022年1月27日

gap: 16px ではなく justify-content: space-between としてもよいですか？

2022年1月27日

#18 ｢もっと見る｣リンクを作ろう

.products .more に display: block; を設定するのはなぜですか？

2022年6月1日

button タグと a タグはどのように使い分けるのですか？

2022年3月24日

中央揃えをする場合、display: block; と flexbox で a タグの扱いはどうなりますか？

2022年3月24日

「もっと見る」ボタンの高さの指定は height ではだめなのでしょうか？

2022年1月27日

#20 フッターのレイアウトを整えよう

footer .container {...} ではなく、footer {...} とすると期待した結果になりません

2022年7月9日

#21 フッターを完成させよう

footer のアイコンのサイズの指定に footer ul i とするのはなぜですか？

2023年2月5日

li + li としたときの margin-left はどの部分に余白を作るのですか？

2022年6月5日

margin-left は gap で代用できますか？

2022年3月24日

レッスンとは違う書き方で CSS を記述しても問題ありませんか？

2022年1月27日

#22 メディアクエリの設定をしよう

ブレイクポイントの幅と、実際に変化するブラウザの幅がずれます

2022年1月27日

#23 商品紹介を3列にしよう

100% - 31px とすると 3 列にならないのはなぜですか？

2023年2月5日

#24 .containerを固定幅にしよう

.container の固定幅は #06 で行うと良いのではないでしょうか？

2023年2月22日

calc(100% - 32px) がよくわかりません

2022年1月27日

なぜ .container に max-width を指定するのですか？

2022年1月27日

#25 検索フォームをマークアップしよう

form の action 属性が空になっている理由を教えてください

2022年12月5日

display: block; とすると form が再表示されるのが理解できません

2022年7月9日

#26 フォームのスタイルを整えよう

all: unset; の位置によって動作が変わるのはなぜですか？

2022年1月27日

header input {} の指定で header を省くとスタイルが消えますが、header と input はセットで指定しなければならないのですか？

2022年1月27日

「アクセシビリティ」とはなんですか？

2022年1月27日