#01 ポートフォリオサイトを作ってみよう

文字を縦書きにして、右から追加していくようなレイアウトは CSS でできますか？

2022年9月29日

#02 faviconを設定してみよう

HTML モードを確認するためのバーが表示されません

2022年6月9日

rel="icon" と書けば「 href で指定したファイルは favicon と認識される」という理解で正しいでしょうか？

2022年1月27日

meta タグの「 http-equiv="X-UA-Compatible" 」は必要ですか？

2022年1月27日

#03 画像を表示してみよう

HTML で img タグにサイズ指定するとき単位を指定しないのはなぜですか？

2022年6月1日

ヘッダー画像のサイズ指定は styles.css で行っても良いですか？

2022年1月27日

なぜ width と height を HTML で設定するのでしょうか？

2022年1月27日

なぜ favicon のアイコンは <link rel="" の形で表して太郎のアイコンは <img src="" の形で表すのですか？

2022年1月27日

#04 ヘッダーに背景色をつけよう

style.css と styles.css は何が違うのですか？

2022年1月27日

フォントサイズの設定について、現場の方達が一般的に使う単位はどれなのでしょうか？

2022年1月27日

reset CSS は使ったほうがよいのですか？

2022年1月27日

margin:0; を入力してもブラウザ上部の空白が消えません

2022年1月27日

vertical-align: bottom; にしたとき画像の上の背景色が埋まるのは何故ですか？

2022年1月27日

#05 名前と自己紹介を配置しよう

header .container ではなく、 .container ではだめですか？

2022年11月20日

フレックスボックスを使って中央揃えしても大丈夫ですか？

2022年7月23日

header .container を header > .container と書いても問題ありませんか？

2022年6月22日

header{} 内に .container のスタイルを書いても問題ありませんか？

2022年6月10日

header .container {} を .container {} と書いてもいいのでしょうか？

2022年1月27日

親要素で指定した margin を子要素で同じ値で再度、定義しているのはなぜですか？

2022年1月27日

outline と border の違いは何ですか？

2022年1月27日

#06 フレックスボックスを使おう

width を設定しないと margin: 0 auto; が 適用されないのはなぜですか？

2022年6月1日

header h1 ではなく、.container h1 としても問題ありませんか？

2022年6月10日

CSS で設定する値はどのようにして決めているのでしょうか？

2022年1月27日

要素に直接 class を指定するか、div で囲ってからスタイリングするか、どちらの方が良いのですか？

2022年1月27日

h1 タグを使う理由は何ですか？

2022年1月27日

フレックスボックスの詳しいレッスンはありますか？

2022年1月27日

#07 リストを配置してみよう

MDN に、Safari では list-style: none; を指定するとリストとして認識されないとあります

2022年6月10日

list-style-type: none; と list-style: none; の違いはなんですか？

2022年6月3日

ul に padding: 0 をつけるのはなぜですか？

2022年2月4日

ul タグがなくてもアイコンは表示できますが、なぜ必要なのですか？

2022年1月27日

body や h1 などに対して margin: 0; を記述しているのに header でさらに margin: 0; を記述しないといけないのでしょうか？

2022年1月27日

リストのスタイルを消すときに header ul で指定していますが、.container ul と指定しては間違いなのでしょうか？

2022年1月27日

#08 リストのスタイルを整えよう

float か flex のどちらを使えばいいですか？

2022年6月10日

img の width と height を CSS に書いても問題ないですか？

2022年2月10日

画像の width や height に単位をつけないのはなぜですか？

2022年1月27日

ブログアイコンの 1 つ目のリストに margin-right としないのは何故ですか？

2022年1月27日

header ul li + li で写真アイコンのみが指定されるのはなぜですか？

2022年1月27日

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

padding: 32px 0; の 0 はどういう意味ですか？

2022年9月29日

アイコンの width と height を HTML に直接書き込んでいるのはなぜですか？

2022年6月22日

margin-left: 32px; の 32px はどうやって決めているのですか？

2022年5月19日

.container ではなく header .container とするのはなぜですか？

2022年5月24日

header .icon ではなく header .container img に border-radius を指定しても良いですか？

2022年1月27日

margin と padding の使い分けについて教えてください

2022年1月27日

#10 見出しのスタイルを整えよう

中央揃えにする方法が多くてどれを使えばいいかわかりません

2022年7月9日

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

section タグは main タグの中に入れてもいいのですか？

2022年7月23日

section で勇者ゲームから神経衰弱まで括っても見た目は同じでしたが、 section は必要なのでしょうか？

2022年1月27日

#12 作品の画像を配置しよう

画像サイズ height="225" はどうやって決めたのですか？

2022年5月24日

画像の width だけでなく height も同時に指定するのはなぜですか？

2022年1月27日

画像の width height は、CSS と HTML どちらに記述するべきですか？

2022年1月27日

#13 見出しと段落のスタイルを整えよう

outline: 5px; margin: 5px; とすると、outline は margin の中に収まりますか？

2022年7月9日

#14 paddingとmarginの違いを理解しよう

背景色や border が無い場合、margin ではなく padding でレイアウトする人が多いのはなぜですか？

2022年1月27日

#15 余白を設定していこう

なぜ main h2 に margin: 16px 0; としないのですか？

2022年8月23日

「 section の上に背景色が伸びるのも微妙なので」とはどういうことですか？

2022年4月4日

main section + section で 3 番目の section の上にも余白がつくのはなぜですか？

2022年1月27日

section + section と書くと 2 番目以降の section の上にも余白がつくのは何故ですか？

2022年1月27日

#16 フッターを作り込んでいこう

footer にあてているスタイルを small に指定しても何も変わらないのはなぜですか？

2022年1月27日

#17 いろいろな書き方を試してみよう

スタイルを書く順番に決まりはありますか？

2022年4月4日

あとから共通する CSS の設定をまとめるというのも現場ではあることなのでしょうか？

2022年1月27日