content2 (*매우중요) CSS - box model(박스 모델) (*매우중요) CSS - box model(박스 모델) #1 box model 기본 원리 content < padding < border(박스의 기준이 되는 테두리) 2023. 1. 7. CSS - border-box, content-box 실무에서는 어떤걸 적용하는가 CSS #1 html 태그의 구성 실무에서 사용하는 css는 활용하기에 따라 다르겠지만 기본은 border를 기준으로 한다고 한다. Html 태그들은 모두 “박스” 모델로 이루어져 있다. margin - 박스의 바깥 여백 border - 박스의 기준이 되는 바깥 테두리 padding - 박스의 안쪽 여백 content - 박스의 내용 가장 안쪽이 content이고, 가장 바깥이 margin 까지의 순서라고 생각하면 된다. 이것은 모두 박스모양, 네모모양이다. #2 실무에서의 디자이너와의 협업을 위한 팁 1)정석 (border-box) 디자이너가 디자인 시안을 주면, 디자이너에게 받은 화면의 크기와 일치시켜야 하기때문에 border-box를 사용한다. border-box는 border가 “고정”이 되고, .. 2022. 12. 30. 이전 1 다음
