CSS3 HTML. input button 과 button의 차이점 안녕하세요, 오늘은 요며칠 동안 엉뚱한 짓을 하면서 생각이든 2023. 2. 14. Vanilla JS. DropDown Menu(feat. CSS) * 오늘은 자바스크립트로 드롭다운 메뉴 만들기 도전 * 저번에 못 만들고 타협해서 셀렉트 박스로 바꿨었는데 // class에서 dropdown과 closed 2가지를 선언 DropDown ✓ 유튜브 menu 2 menu 3 menu 4 * class에서 띄어쓰기를 하면 하나의 class가 아닌 다른 class로 선언된다. body { margin: 0; font-family: Courier New; font-size: 20px; } ul { margin: 0; padding: 0; list-style-type: none; } a { text-decoration: none; color: black; } .dropdown { transition: all 0.2s ease-in-out; overflow: hi.. 2023. 1. 16. CSS. overflow /* CSS에 관해서 이렇게 쓰게 될 줄은 몰랐다. 드롭다운 메뉴를 만들어 보기 전까지. */ overflow란, CSS 특정요소의 자식요소가 부모요소의 범위를 초과 할 때 이러한 상황을 어떠한 방식으로 처리 할지를 결정하는 속성이다. 속성 값으로는 visible, hidden, scroll, auto 등이 있다. 자식요소가 부모요소의 범위를 초과할 때 어떻게 처리 할 지를 결정해야하기 때문에 부모요소에 overflow 속성을 지정해야한다. 1. overflow : visible - overflow의 값을 visible로 사용 할 경우 특정요소가 부모의 범위를 넘어가더라도, 그대로 보여준다. 2. overflow : hideen - overflow의 값을 hidden으로 설정하면, 부모요소의 범위를 넘어.. 2023. 1. 15. 이전 1 다음