CSS 토글 메뉴 자바스크립트를 사용하여 만들기
토글 메뉴라고 한다면 숨겨져있던 메뉴가 나타나고 다시 없어지는 것을 말합니다. 여기서 핵심은 자바스크립트를 이용하여 기능을 구현한다는 것입니다. 자바스크립트도 ES6 문법을 이용하여 만들어보겠습니다. 이 글에서 CSS 토글 메뉴 자바스크립트를 사용하여 기능을 …
HTML/CSS
아이템코드의 HTML과 CSS 글을 볼 수 있습니다.
HTML5 의미 요소 종류
HTML5의 의미 요소(Semantic Element)는 요소 이름부터 의미가 있는 것을 말합니다. 예를 들어 div 요소는 어떤 의미가 있나요? class나 id 값을 줘야 이게 어떤 요소인지 알 수 있습니다. 반대로 header 요소는 …
CSS 띄어쓰기와 붙여쓰기의 차이점
CSS 띄어쓰기와 붙여쓰기의 차이점이 있다는 사실 알고 있나요? ‘.blue .green’과 ‘.blue.green’을 예시로 코드를 보면서 이해해보겠습니다. 띄어쓰기는 자식을 선택하는 선택자이며 가장 뒤에 있는 선택자가 속성을 적용받습니다. 자식을 선택하는 선택자이기 때문에 HTML에서 …
HTML 레이아웃 잡는 2가지 방법
HTML 레이아웃을 알기 전에 의미를 먼저 알아보겠습니다. 계획된 정보를 가지고 특정 공간에서 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업을 레이아웃이라고 합니다. 키보드의 키 배치가 여기에 해당합니다.웹 페이지의 레이아웃은 메뉴의 …