푸으름

✏️ 박스 모델의 방향박스 모델은 상하좌우 4개의 방향이 있어서 테두리나 마진, 패딩 등을 지정 시 한꺼번에 지정하거나 모두 다르게 지정 가능,  박스 모델의 방향은 top->right->bottom->left이고 이 순서는 기억하는게 좋음 ✏️ 테두리 스타일을 지정하는 border-style 속성종류설명none테두리가 없는, 기본 상태hidden테두리를 감춤. 표에서 border-collapse : collapse인 경우에도 감춤solid테두리를 실선으로 표시dotted테두리를 점선으로 표시dashed테두리를 짧은 직선으로 표시double테두리를 이중선으로 표시. 두 선 사이의 간격이 border-width값groove테두리를 창에 조각한 것처럼 표시, 홈에 파인 듯 입체 느낌inset표에서 borde..

✏️ 블록 레벨 요소와 인라인 레벨 요소블록 레벨 요소란 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 다 차지하는, 즉 너비가 100%임을 뜻함주로 , , 태그 등을 이용인라인 레벨 요소란 한 줄을 다 차지하는 것이 아닌 콘텐츠 영역만큼만 차지하고 나머지 공간은 다른 요소가 올 수 있음. 따라서 한 줄에 여러 개의 인라인 레벨 요소들이 올 수 있고 , , 태그 등이 있음✏️ 박스 모델의 기본 구성종류설명패딩(padding)콘텐츠부터 테두리까지의 여백마진(margin)여러 박스 사이의 여백콘텐츠(content)콘텐츠, 즉 표현하고자 하는 내용이 있는 구역테두리(border)박스의 테두리 부분✏️ 콘텐츠 영역의 크기를 지정하는 width, height 속성종류설명크기>너비와 높이의 값을 px나 em으..