본문 바로가기
반응형

학 습 일 지 2 0 2 214

코딩웍스 제이쿼리 jQuery : 시작하기(폴더구조, 링크방법) 기능사 시험에 필요한 상호작용을 위주로 공부하기 제이쿼리 링크하는 방식 1. 안 하단에 넣기 2. 안에 넣기 script 폴더안에 수업자료 jquery-1.12.4.js 들어가있어야함. 오픈 소스파일임 ++ 오픈소스는 먼저 와있어야함 순서 중요 순서가 오픈소스가 먼저와야함 custom은 우리가 만들 파일 작업 폴더구조 index.html css > style.css images > script > jquery-1.12.4.js custom.js 적절한 위치에 JS 파일 링크하기 스크립트는 바디 하단에 넣기 2022. 8. 2.
코딩웍스 인강 : 가상클래스 만들기 nth-child, nth-of-type 순서를 만드는 CSS 클래스 (nth-child, nth-of-type) 순서가 필요할때 클래스 이름을 정하지않고 순서를 정해서 적용 .box div:first-child { backgroud-color: 000; } .box div:last-child { backgroud-color: 000; } .box div:nth-child(2) { backgroud-color: 000; } 순서 만드는 클래스 실습 div 속성 display : inline-block; 주고나서 중앙정렬은 부모요소 위로 가서 text-align:center; 적용 nth-child() 는 순서에 적용됨 추가된 태그순서 태그 뒤에 다른 태그가 들어가면 nth-child() 숫자도 자동으로 밀려나서 적용됨 nth-of-type ty.. 2022. 8. 1.
코딩웍스 인강 : 마우스 오버 이펙트 hover, transition 이팩트 가상클래스(hover) & 트랜지션 (transition) 마우스 오버했을때 애니메이션 효과로 전환이 되는 방법 ++ a 태그 사용 시 href="" 링크 비워두면 제이쿼리가 작동X 감점처리됨 트랜지션은 hover 효과와 동일한 위치에 적용하면 안됨 transition 효과는 0.5s 초 정도 주는데 hover 속성값안에 넣으면 마우스 나갈때는 적용안됨 hover말고 a 태그 속성안에 넣어줘야 자연스럽게 적용됨 transition은 필수는 아님. 그러나 넣으면 완성도가 더 높아보임 hover영역에 태그 겹치게 넣지않기 강의 따로 들으니까 쉽고 재밌네! 2022. 8. 1.
퍼블리싱의 모든 것, 인라인요소, 블록 요소, 인라인블록요소 CSS 필수 이론 개념 인라인 요소, 블록 요소, 인라인블록 요소 CSS 기본 무조건 암기.. 인라인블록 요소는 인라인과 블록요소의 두가지 성격을 가지고 있음 인라인(inline) 요소 블록(block) 요소 인라인블록(inline-block) 요소 한줄에 여러개 배치 한줄에 한개만 배치 한줄에 여러개 배치 기본 너비값은 컨텐츠의 너비값 기본 너비값은 100% 기본 너비값은 컨텐츠의 너비값 크기값을 가질 수 없음 크기값을 가질 수 있음 크기값을 가질 수 있음 상하 마진은 가질 수 없음 상하좌우 마진 가질 수 있음 상하 마진은 가질 수 있음 인라인(inline) 요소 span, a, small, big, em, u, s, del, br, q, b, strong, mark, sub, sup, video, a.. 2022. 8. 1.
반응형

티스토리툴바