어제 오늘 내일

와 의 차이  div와 span은 HTML에서 내용을 묶거나 스타일을 적용하기 위해 사용하는 태그입니다.하지만 두 태그의 역할과 사용 방법이 다릅니다. 1. 기본 차이점  역할블록 요소 (Block-level Element)인라인 요소 (Inline Element)사용 용도주로 레이아웃 구성 및 큰 덩어리 묶음텍스트 내부 또는 작은 부분 스타일 적용디스플레이 특성한 줄 전체를 차지하며 줄 바꿈 발생줄 바꿈 없이 콘텐츠 주변에만 적용CSS 적용width, height, margin, padding 등 적용 가능width, height 적용 불가, margin, padding 일부 제한 2. div 태그블록(Block-level) 요소로 한 줄 전체를 차지합니다.자동으로 줄 바꿈이 되어 다음 요소는 아래쪽에..

CSS로 와 사이 간격 조정하기  div와 div 사이의 간격을 조정하는 방법은 여러 가지가 있습니다.주로 CSS의 margin, gap(flexbox, grid) 속성을 사용합니다.  1. margin 사용하기가장 일반적인 방법으로, margin을 사용하여 두 div 사이의 간격을 조정할 수 있습니다. 첫 번째 박스두 번째 박스.box { background-color: lightblue; padding: 20px; margin-bottom: 20px; /* 아래쪽에 20px 간격 */}   margin-bottom: 20px;  아래쪽 간격을 조정합니다.margin-top, margin-left, margin-right 등을 사용해 각각의 방향에 간격을 줄 수 있습니다. 2. fl..