나만의 작은 도서관

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다.flex각 노드의 height는 가장 height가 높은 노드로 고정display:flex부모 노드에 설정. 자식 노드들(아이템)을 가로 방향으로 배치.flex-direction: row | column | row-reverse | column-reverse;가로로 배치, 세로로 배치. reverse는 좌우 또는 상하 반전 배치.flex-wrap: nowrap | wrap | wrap-reverse여유공간이 없을 때 줄바꿈 없음, 해당 노드 위로 줄바꿈, 해당 노드 아래로 줄바꿈flex-flow: flex-direction + flex-wrap인 단축 속성ex) flex-flow: row wrap..

개요id와 class는 와 같은 태그에 들어가는 속성들이다. 이번에는 id와 class가 어떠한 차이가 있는 지 알아보자.속성의 특징태그에 id 또는 class와 같은 속성을 추가하면 해당 태그에만 속성을 지니며, 태그 안의 영역은 같은 속성을 지니지 않는다. 다만, 속성을 가진 태그가 받는 효과는 동일하게 적용된다.id 속성id 속성은 한 문서 내에서 유일한 식별자(identifier)를 가지는 속성이다. 즉, 한 문서 내에서 동일한 id 값은 사용할 수 없다. 예시를 보자.Content 1Content 2Content 1Content 2 첫번째 예시처럼 사용을 한 경우, id를 올바르게 사용한 경우이다. 각 태그가 서로 다른 id를 가지고 있기 때문에 문제가 되지 않는다.  하지만, 두번째 예시처럼 ..