inline2 [HTML / CSS] Float / Grid-layout / Clear 1. Float block요소를 부유(float) 시켜주는 속성 부유(float)되는 block요소 밑으로 뒤에 있는 block요소가 자리를 채운다. (inline / inline-block 속성의 요소는 float 된 요소 밖으로 밀려남) 기사에 삽입된 광고나 단락에 삽입된 이미지가 가장 흔한 예시. 3. Clear "float" 속성과 같이 쓰이는 속성 "clear"는 'float"의 좌우 빈공간에 컨텐츠가 따라 붙어 버리는 큰 문제를 해결해주는 역할을 함. 속성값 left / right를 취해 왼쪽 혹은 오른쪽에 더이상 요소가 붙지 않게끔 해줌. 2020. 1. 8. [HTML / CSS] Display 속성 1. display 종류 모든 요소는 딱 하나의 display 값을 갖음 (중복 불가) 대부분의 요소는 "inline" 혹은 "block" display 종류 inline block inline-block flex list-item none 2. inline display "inline" display를 기본값으로 갖는 요소들 "inline" display의 특징 앞뒤 텍스트와 같은 줄에 머무름 가로 길이는 필요한 만큼만 차지 width / height 설정이 되지 않는다. 내용에 맞게 자동 설정 3. block display "bolck" display를 기본값으로 갖는 요소들 ~ "block" display의 특징 앞뒤 요소와 다른 새로운 줄 생성 가로 길이를 최대한 많이 (기본 100%) 차지 wi.. 2019. 12. 31. 이전 1 다음
