목록box-sizing (1)

션냥의 개발일지

[CSS] 프론트엔드 필수 개념!!! 레이아웃 관련 스타일

안녕하세요 오늘은 css에서 뺄 수 없는 레이아웃에 대해 알아볼게요!Layout에 대한 개념은 현업에서도 많이 쓰기에 꼼꼼히 다뤄보겠습니다그럼 바로 시작할게요 🚀🚀블록 레벨 태그와 인라인 레벨 태그지난 번에도 한 번 말했었던 개념인데 기억나시나요?블록 태그는 한 줄을 다 차지하고 인라인은 내용만큼만 차지한다고 했었죠.이에 대해 조금 더 자세히 알아볼게요.블록 레벨 태그태그를 추가했을 때 브라우저의 한 줄을 다 차지해요.그렇기 때문에 좌우에 다른 태그를 배치할 수 없습니다.또한, 블록태그는 width, height, margin, padding 등 크기나 위치를 지정할 수 있어요.p, div, h1~h6, ul, ol, blockquote, form, hr, table, fieldset, ...등이 ..
웹 개발 2024. 6. 24. 12:22
이전 Prev 1 Next 다음