안녕하세요

[중요한 기능인 다단메뉴 반응형을 구현했습니다.] 어려운 기능들이 많지만 어려울수록 재밌게 배울 수 있습니다. 다음 주부터는 스스로 시안을 만들고 웹 페이지를 구현하게 됩니다. 지금까지 배운 내용들을 빠짐 없이 넣어서 구현할 수 있도록 해야겠습니다. link !는 링크를 작동하지 않도록 합니다. / root로 이동합니다. ./ 의 경우에는 생략이 가능합니다. 다단메뉴 만들기 네비게이션 태그 클래스는 gnb(global navigation bars)를 쓰기도 하고, nav 그대로 쓰기도 합니다. 이외에도 lnb(Local Navigation Bar)가 있습니다. 글씨만이 아니라 메뉴 칸 전체를 a로 만들기 위해서는 block과 padding을 이용합니다. .header .gnb > ul > li a { d..

포토샵은 툴이 너무 많고 복잡해서 어렵습니다. 레이어는 이해하고 있지만 여러 기능들이 어떤 때에는 되고, 갑자기 안되다가, 설정이 바뀌어 있다던가 해서 힘듭니다. 메뉴 가로배치 메뉴와 아이콘까지 배치 메뉴를 가운데 배치 space-between으로 배치 MENU-LOGO-MENU 구조 LOGO를 한 가운데로 영어는 폰트 자간을 그대로 사용하고 한글 폰트 자간은 -25 를 사용합니다. 포토샵에서 아이콘을 사용하기 위해서는 아이콘을 다운로드 받고 설치합니다. 윈도우탐색 > 문자표 > xeicon > 복사할 문자 선택 > 붙여넣기 logo 이미지 저장 방법입니다. logo를 자석 툴로 선택한 후 > ctrl+c > ctrl+n > ctrl+v > ctrl+alt+shift+w 포토샵 앞으로 되돌리기 단축키 c..

보호되어 있는 글입니다.

점점 html 구조가 익숙해지고 있습니다. 새로운 것들을 배우고 싶기도 하지만 당장은 지금까지 배운 것들을 잊지 않고 사용할 수 있게 복습합니다. [220608가상요소선택자 연습 페이지입니다.] nth-child(even) 짝수에 적용됩니다. odd는 홀수에 적용됩니다. section:nth-child(even) { background: #f9f9f9; } 가상요소선택자를 써서 icon을 넣는 방법입니다. 아이콘을 넣고 검사를 해 보면 content= "코드" 가 나옵니다. 코드를 입력하고 font-family를 설정해주면 됩니다. .psd04 h2::after { content: "\e907"; font-family: xeicon !important; } https://younghunkimm.githu..