CSS
웹 개발언어 CSS
-
코드펜 따라하기 - 다크모드 스위치
다크모드로 변하는 토글 스위치 만들기 모바일에서 무언가를 켜고 끌 때 많이 사용하는 토글 스위치, 토글 버튼을 만들어본다. 토글 스위치는 JS말고 CSS만으로도 작업할 수도 있는데,...
-
코드펜 따라하기 - 내비게이션 메뉴 (2)
언더바가 움직이는 내비게이션 메뉴 만들기 이번에 만들 것은 메뉴 텍스트를 클릭하면 텍스트를 강조하는 언더바가 해당 위치로 움직이는 내비게이션 메뉴다. 이 원본 작업 링크를 클릭하면...
-
코드펜 따라하기 - 내비게이션 메뉴 (1)
HTML, CSS, JS를 각각 어느정도 배웠는데, 언어만 배우다보니 점점 지루해졌다. 아무래도 디자인 전공 출신이라 내가 배운 내용을 토대로 직접 화면을 구현하고 싶었다. 하지만 혼자서...
-
웹퍼블리싱 - 인라인블록의 왼쪽정렬
문제상황 inline-block element(nav, li) 를 left-align 하면 element 마다 의도한 적 없는 spacing 이 생긴다. 해결과정 element의 태그를 닫지 않기 바로 해결되지만, html(마크업)이 망가진다....
-
웹퍼블리싱 - 해시링크 오프셋 조절하기
해시링크란? <a> 코드의 href 링크 안에 문서 내 id값을 넣어서 해당 id 위치로 이동하게 하는 해시 링크(Hash Link). 문서 내 주석이나 참조를 쓸 때나...