Block2 [CSS] display 속성 : inline, inline-block 이전에는 display속성중의 기본인 block에 대해 설명 드렸습니다. 두번째로는 inline속성에 대해 설명 드릴게요. inline 요소에 해당하는 태그들은 span, a, em 등이 존재합니다.inlineinline속성은 block속성에서도 설명 드렸듯이 한줄로 나열되는 속성입니다. 다시, 한번 코드를 보며 설명드릴게요. html코드는 block속성에 참고코드와 동일하니 참고 바랍니다. .box{ padding: 50px; display: inline; inline -->}.red{ background-color: #e46e80;}.blue{ background-color: #5195ee;}.green{ background-color: #32b9c1;}.yellow{ .. 2024. 7. 15. [CSS] display 속성 : block 안녕하세요 오늘은 CSS에 Display 속성에 대해 알아보겠습니다. 우선 Display 속성에는 inline, inline-block, block이 존재합니다.block첫번째로 block에 대해 먼저 알아보겠습니다. block 요소에 해당하는 태그들은 header, footer, p, li, table, div, h1 등이 존재합니다. block 속성은 나중에 배우게 될 inline속성과 달리 한줄에 나열되지 않고 다음 줄로 표시됩니다.예를 들어 보겠습니다. red blue green yellow 간단하게 red, blue, green, yellow 박스를 만들어 보았습니다..box{ padding: 50px; display: inline.. 2024. 7. 15. 이전 1 다음
