HTML&CSSベース-ショッピングページ(ジョブ)🤣


ジョブ

作業は上記ページの作成です.
思ったほど簡単ではなく、前の宿題と同じように3時間くらいかかったようです.
では、宿題をするときに学んだ概念を整理しましょう.
デフォルトのtable trtdラベル
最も基本的なものを再整理します.
表を作るためには、tableのラベルで包まなければなりません.tr銀行tdは列です.
nh-childコレクタ
行列を処理するときに、すべての列に同じスタイルが適用される場合があります.
特定の列のスタイルだけをあげたい場合があります.
この場合のコードはnth-child(n)です.
.cart-table td:nth-child(2) {
  color: red;
} 
上記のコードを作成した場合は、cart-tableのすべてのtdを検索します.
2番目に出てくるtd色しかあげられません.
表に必要な順番のセルにスタイルを提供したい場合は、主に使うそうです.
せきぶん枠線の色を下に置きたいだけです.
border-bottom : 1px solid black;
せきぶん各ユニットブロックにwidthを設定できます.
<table>
  <tr>
    <td class="name">상품명</td>
    <td class="price">가격</td>
    <td>수량</td>
  </tr>
</table>
せきぶん複数のtdをマージするにはcolspanを使用します.
<td colspan="4"></td>