CSS2 2021-09-01 (142일차) 일정한 시간간격으로 글씨가 교체되는 효과 유용한 소스코드 21강~22강 (switch effect) (글씨가 교체되는 효과) + (탭박스) - .each 같은 클래스를 각각 실행시켜준다. - node 가르키는 클래스가 여러 개일 때 순서대로 가르켜주는 변수 1단계 원리 (라이브러리 생성) - html, css 역할 li는 평소에 absolute (유령화) + opacity : 0 ㄴ> 전부 겹쳐지지만 li에 active가 들어가면 li가 relative로 변경 + opacity : 1 - script 역할 현재 활성화된 녀석을 함수로 지정한 후, active클래스 제거하기 현재 활성화된 녀석의 다음 태그를 함수로 지정한 후, active클래스 추가하기 setInterval 함수 안에 넣어 일정한 시간간격으로 작동하게 하기 length를 추가하여.. 2021. 9. 5. 2021-05-01 (19일차) 선택자 요점정리 '+' : 인접동생 '~' : 동생들 ' ' : 후손 '>' : 자식 '*' : 모든 것 ' :first-child ' : 첫번째 자식 ' :last-child ' : 마지막 자식 ' :only-child ' : 유일한 자식 ' :nth-child(n) ' : n번째 자식 ' :nth-last-child(n) ' : 마지막에서 n번째 자식 ㄴ※ 엘리먼트 종류와 상관없이 같은 계층에서 n번째 자식인 것에 적용됨 ' :first-of-type ' : 태그유형 중에서 첫번째 ' :only-of-type ' : 태그이면서 오직 하나뿐인 유형 ' :last-of-type ' : 태그이면서 마지막 유형 ' :nth-of-type(n) ' : 태그 중에서 n번째 ㄴ※ nth-child와 달리 해당태그 중에서 n번째인.. 2021. 5. 3. 이전 1 다음
