FE/HTML & CSS2 [HTML] attribute와 property attribute와 property # attribute : element의 추가적인 내용 예시 div는 element, class는 attribute, example은 value이다. # property : HTML DOM 안에서 attribute를 가리키는 표현 위 예시는 DOM에서 example이라는 값을 가진 className이 있다고 표현된다. 이때 className이 property이다. 참고 자료 https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-DOM-attribute-%EC%99%80-property-%EC%B0%A8%EC%9D%B4 2022. 10. 29. [CSS] FlexBox FlexBox # flexbox란 기존의 웹페이지는 float, position 같은 속성으로 레이아웃을 구성하였다. 그러나 웹페이지의 레이아웃이 복잡해짐에 따라 레이아웃을 좀 더 간단하게 표현할 방법이 필요했고, 이에 CSS3에서 flexbox가 추가되었다. flexbox를 사용할 경우 레이아웃을 좀 더 유연하게 배치할 수 있다. # 사용법 및 특징 1. 부모 요소에 display: flex; item1 item2 item3 .container { display: flex; } 부모 요소(컨테이너)에 display: flex;를 CSS로 넣어주면 자식 요소(아이템)들은 가로 방향으로 배치된다. 아이템들은 자신의 내용물의 width 만큼 가로 길이를 차지하고, height는 컨테이너의 높이만큼 늘어난다... 2022. 10. 29. 이전 1 다음
