목록div (1)

개발

div style 레이아웃 개념정리

보편적으로 블로그에서 많이들 쓰는 상기 모양으로 레이아웃을 만들어 보겠습니다. HTML은 inline과 block 그리고 inline-block 총 세가지 속성으로 나뉘어집니다. inline 형식은 일반적인 줄글형식처럼 옆으로 쭉 써지는 방식이며 width, height등 사이즈를 조절할 수 없습니다. block 형식은 자동으로 전, 후 줄바꿈이 들어가 같은 줄에 다른 어떠한 컨텐츠도 용납하지 않습니다. inline-block 형식은 inline형식과 동일하게 줄글형식으로 사용이 가능하며 block 형식처럼 사이즈 조절이 가능합니다. 기본적으로 div 태그는 block형식을 취하고 있어 따로 속성을 주지 않을 시 이런식으로 이루어지게 됩니다. 이 모양으로 만들기위해 제일 외부에 wrapper 라는 클래스..
Frontend/HTML5, CSS 2021. 3. 2. 14:15
이전 Prev 1 Next 다음