CSS 썸네일형 리스트형 태그의 class가 바뀌는 것을 catch하여 css 나 기타 내용을 변경하는 경우 12345678910 $(window).on("scroll",function() { if ($("#1stS").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/happinessalbum.jpg)"}) } else if ($("#2ndS").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/benaturalalbum.jpg)"}) } else if ($("#1stM").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/icecreamcake1.jpg).. 더보기 CSS 구문 몇가지 정리 1. nth-child() 책에서 nth-child()가 너무 간단히 나와있길래 좀 검색 해봤는데 약간 헷갈릴 수도 있는 사항이 나와서 정리해 둔다. https://m.blog.naver.com/PostView.nhn?blogId=adidas0331&logNo=220214005783&proxyReferer=https%3A%2F%2Fwww.google.co.kr%2F 2. text-shadow와 box-shadow의 사용 방법 text-shadow:가로축 거리 세로축 거리 퍼짐도 색상 (box-shadow도 동일) text-shadow는 인라인 요소에, box-shadow는 블록 요소의 태그에 사용한다. 3. background-size -수치 고정할 경우 : 가로값; 세로값 원본 관계없이 그냥 막 쑤셔넣.. 더보기 프론트엔드 개발자 로드맵 출처 : https://github.com/devJang/developer-roadmap/blob/master/frontend-map.png 더보기 이전 1 다음