charset="UTF-8"の宣言とグリッドレイアウトについて

Question

初歩的な質問ですみません
現在htmlとcssを独学で勉強中なのですが
教えてください

1.charset="UTF-8"について
上記の宣言はhtmlのhead内とcssファイルの一番初めに宣言すべきなのでしょうか？
自分の認識ではhtmlのhead内だけで良いのかと思っていました。

2.グリッドレイアウトについて
.container[
display: grid;
grid-template-kolumns : 100%;

 (grid-template-rows: ○○px　○○px　○○px　○○px;)

　　上記グリッドレイアウトの宣言時に(grid-template-rows: ○○px　○○px　○○px　○○px;)⇦を省略して書く事も可能なのでしょうか？
省略して書いた場合レイアウトはどのような順番で並ぶとかあるのでしょうか？

3..container[
display: grid;
grid-template-kolumns : 100%;

2.の質問に重なりますが、fluid grid を勉強中ですが、相対的な値を100%や70%...etc とするところについてはどこかに基準(100%)となる（例）width　375px など書いておく必要がありますか？
勉強しているとどこにもそのようなコードは書かれていないにも関わらず画面を大きくしたり小さくしたりするとコードに書いた相対値が生かされてレスポンシブに表示されます
原因が分からず理解することにつまづいています。

初心者ゆえ、分かりやすく教えていただけると助かります。

Answer 1

こんにちは。

__1.charset="UTF-8"について

上記の宣言はhtmlのhead内とcssファイルの一番初めに宣言すべきなのでしょうか？
自分の認識ではhtmlのhead内だけで良いのかと思っていました。__

link要素のcharset属性のことでしたら、廃止されています。
charset | <link>: 外部リソースへのリンク要素 - HTML: HyperText Markup Language | MDN

---

2.グリッドレイアウトについて

...
__上記グリッドレイアウトの宣言時に(grid-template-rows: ○○px　○○px　○○px　○○px;)⇦を省略して書く事も可能なのでしょうか？
省略して書いた場合レイアウトはどのような順番で並ぶとかあるのでしょうか？ __

可能です。省略した時は、初期値のnoneとなり、生成される列はgrid-auto-rowsを参照します。
grid-template-rows - CSS: Cascading Style Sheets | MDN

grid-auto-rowsも指定しない場合は、初期値のautoとなり、おおむねminmax(min-content, max-content)と同じようなふるまいをしますが、厳密に言うとかなりややこしいので触らない方がいいかと。
6.6. Automatic Minimum Size of Grid Items | CSS Grid Layout Module Level 2

---

__3..container[

display: grid;
grid-template-kolumns : 100%;__

2.の質問に重なりますが、fluid grid を勉強中ですが、相対的な値を100%や70%...etc とするところについてはどこかに基準(100%)となる（例）width　375px など書いておく必要がありますか？

不勉強で申し訳ないのですが、「fluid grid」とはなんなのか存じ上げませんでした。
grid-template-columnsのパーセンテージ値の話であれば、グリッドコンテナの幅に対する相対値ですので、グリッドコンテナに確定的な値が指定されていない場合、想定した結果にならない場合があります。

グリッドコンテナーのインライン方向の寸法に対する相対値で、負ではない <percentage> です。グリッドコンテナーの寸法がトラックの寸法に依存する場合は、パーセント値を auto として扱う必要があります。

grid-template-columns - CSS: カスケーディングスタイルシート | MDN

Comments

[ga.ku]

ありがとうございます！タグについてはMDNというサイトで調べるとよさそうですね！