🧑‍💻개발/아카이브 24

toggle로 클래스 추가 시 css적용 우선순위

# 언어 버튼 누르면 설정 버튼 나오는 기능 See the Pen toggle로 클래스 추가할때 추가하는 클래스 붙여쓰기 by TytanLee (@TytanLee) on CodePen. # 자바스크립트를 이용해서 css를 추가할때 언어 버튼 클릭 시 언어를 선택하는 버튼들이 나오는 코드를 만들어서 js로 클래스 추가 기능을 넣었고 console에서 클래스가 추가 되었는지 확인까지 했는데 'display:block;'이 적용이 안되는 현상 발견 클론 사이트 들어가서 확인하니 추가할 클래스를 붙여서 쓰는거 확인 css 54번째 줄 'header .rightTab #langUl .langOn' > 처럼 띄어쓰지말고 아래처럼 추가시킬 태그에 클래스 붙여쓰기 'header .rightTab #langUl.lang..

모바일 디바이스별 해상도(2023.12.05 기준)

제품명 width height Samsung Galaxy Note 8 414 846 Samsung Galaxy Note 9 414 846 Samsung Galaxy Note 10 412 869 Samsung Galaxy Note 10+ 412 869 Samsung Galaxy Note 20 412 915 Samsung Galaxy Note 20 Ultra 412 883 Samsung Galaxy S7 360 640 Samsung Galaxy S7 edge 360 640 Samsung Galaxy S8 360 740 Samsung Galaxy S8+ 360 740 Samsung Galaxy S9 360 740 Samsung Galaxy S9+ 360 740 Samsung Galaxy S10 360 760 ..

hover시 *선택자 활용

1.HTML 프로덕트 매니지먼트 사용자 친화적 서비스 개발 PM 실무 역량 강화 더 알아보기> 2.CSS *{ margin: 0; padding: 0; } #container{ padding: 20px; width: 300px; height: 200px; background-color: lightgray; position: relative; top: 10vh; transition: all .2s ease-out; border-radius: 16px; box-sizing: border-box; } #container > p{ margin-block: 16px; } #container > a > span{ background-color: white; border-radius: 100%; } #containe..