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