목록마크업 (21)
IT_susu
display 속성) block, inline, inline-block
display 속성은 요소를 어떻게 보여줄 지 결정하는 속성이다.요소의 성격과 역할이 정해지기 때문에 매우 중요한 속성이고, 깊은 이해가 필요하다. 1. blockdisplay: block은 다른 요소와 어울리지 않고 나만의 고유한 영역을 가질 때 사용한다.좀 더 쉽게 말해 같은 줄에 다른 요소가 오지 못하도록 부모의 width값을 그대로 상속받는다.따라서 그 줄에 해당요소만 있어야 하거나 레이아웃을 짤 때 많이 사용된다.(요즘에는 display: flex를 이용하여 레이아웃을 짜기도 하지만 아직 크로스브라우징 문제가 있으므로 여기서는 논외로 한다.) 1-1) widthdefault value : auto마음대로 조절 가능하며 명시적으로 width를 지정하지 않는다면 부모의 width값만큼 상속받는다. ..
마크업
2018. 3. 13. 22:02