1주차 스터디 키워드

hello__0·2022년 9월 7일
0
post-thumbnail

Q. inline 태그 5개를 일렬로 나열하면 어떻게 될까?

inline태그 종류

<a>, <span>, <button>, <input>, <img>, <video>, <audio>, <script>, <textarea>, <strong>...

inline태그의 특징은 줄바꿈을 이용하지 않고 데이터의 너비 만큼 공간을 차지하게 된다.
그렇기 때문에 inline태그가 여러개면 viewport의 길임만큼 가로로 쌓이게 된다.


Q. block line 태그 5개를 일렬로 나열하면 어떻게 될까?

block태그 종류

<header>, <section>, <footer>, <article>, <nav>, <div>, <form>, <ul>, <ol>, <p>,<h1...h5>...

block태그의 특징은 viewport의 가로 너비를 다 차지한다는 점이다.
그렇기 때문에 block태그가 여러개면 밑으로 쌓이게 된다.

profile
자라나라 나무나무

0개의 댓글