목록부트캠프 #개발일지 #TIL #그리드 #CSS (1)

나의 개발일지

4. 생활코딩으로 CSS 배우기 (4) - 그리드

위의 기획서와 같이 목록과 본문이 나란히 위치하는 레이아웃 디자인하기 1. 태그 : 어떤 의미도 없는 태그, 무색무취와 같은 태그 : division의 약자 NAVIGATION ARTICLE 화면 전체를 쓰는 태그는 자동적으로 줄바꿈이 되어 아래와 같이 나타난다. (*Block level element) 2. 태그 : 태그와 똑같은 목적으로 고안된 태그 : 자기 자신의 콘텐츠만큼 자리를 차지하는 inline element --> 줄바꿈이 되지 않는다! 3. 부피감 알아보기 4. 두 개의 태그를 감싸는 부모 태그 추가 후 id 값 설정 NAVIGATION ARTICLE 5. id 값에 테두리 색상 설정 #grid { border-color: pink; } 6. 두 개의 태그를 나란히 배치하기 #grid {..
CSS/생활코딩 2023. 10. 3. 21:43
이전 Prev 1 Next 다음