css 썸네일형 리스트형 CSS flexbox CSS flexbox를 이용하면 웹페이지를 이쁘게 꾸밀 수 있다. HTML의 태그와 비슷한 듯 하지만 다르다. flexbox는 결과물은 이쁜데 그 과정이 제대로 알고 보면 쉽지만 제대로 모르고 보면 복잡하고 헷갈린다. 그러니 아래의 내용을 대충 읽지 말고 차근차근 정독하자. 다시 말하지만 쓱 속독해서는 오히려 헷갈릴 것이다. flexbox는 부모 요소인 [flex container]와 다수의 자식 요소인 [flex items]로 구성된다. 자식요소1 자식요소2 자식요소3 결국 [flex container]와 [flex items]에 각각 합당한 속성을 부여해 이쁜 결과를 만드는 것이 flexbox를 활용하는 방법이다. 속성 값 container display, flex-flow(flex-direction.. display 속성 변경하기 CSS 에서 사전에 설정해둔 display 속성을 변경해야 될 때가 있다. 그럴 땐 아래와 같이 하면 된다. document.getElementById("demo").style.display = "none"; 여기서 주의할 점은 ...("demo").display 가 아니라 ...("demo").style.display 라는 것이다. 헷갈려서 자주 .style 을 까먹으니 기억하자. 기억 못해도 되니 검색하자. 첫 줄 들여쓰기 text-indent p { text-indent: 1em; } 이전 1 다음