boxmodel
-
[CSS] 레이아웃: Box Model, Grid생활코딩/WEBn 2020. 8. 25. 17:31
[강의 출처] opentutorials.org/course/3086/18319 박스모델 - 생활코딩 CSS box model 소개 강의 소스코드 변경사항 박스 모델을 써먹기 강의 소스코드 변경사항 opentutorials.org Box Model tag를 감싸는 Box형 부분들(padding, border, margin, width 등)에 효과를 줌으로써 디자인함 width: 텍스트의 너비 display: 글자의 부피 지정, block(그 줄 전체), inline(텍스트만큼의 부피), none(사라짐), grid, ... Grid 가로/세로 2차원 레이아웃을 나누기 위해 사용 의 해당 태그에서 display: (inline-)grid 로 정의하여 사용 가능 div(block), span(inline) 태..