반응형 JAVASCRIPT42 검색 이펙트 - CSS 속성 검색하기 검색 이펙트 - CSS 속성 검색하기 CSS 속성 검색할 수 있는 사이트를 만들었습니다. 코드 보기(HTML, JAVSCRIPT / CSS1 / CSS2) / 완성 화면 코드 블럭 1 2 3 4 5 6 자바스크립트 CSS 속성 검색하기 indexOf( ) / search( ) 검색하기 CSS 속성 갯수 : 0개 align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. all : 요소의 속성을 초기화 또는 상속을 설정합니다. animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다. animation-delay : 애니메.. 2023. 3. 23. 마우스 이펙트 - 마우스 조명 효과 마우스 이펙트 - 마우스 조명 효과 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT, CSS / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript Mouse Effect03 마우스 이펙트 - 마우스 조명 효과 1 2 3 4 5 6 To truly smile, you must endure the pain, and you must also learn to enjoy the pain 진정으로 웃으려면 고통을 참아야하며 , 나아가 고통을 즐길 줄 알아야 해 dongjin6539@naver.com 코드 블럭 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 태그에 h1 태그, p 태그, ul 태.. 2023. 3. 21. 마우스 이펙트 - 마우스 따라다니기(2) 마우스 이펙트 - 마우스 따라다니기(2) 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT, CSS / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript Mouse Effect02 마우스 이펙트 - 마우스 따라다니기 1 2 3 4 5 6 God never abandons the courageous. 신은 용기있는 자를 결코 버리지 않는다. dongjin6539@naver.com 코드 블럭 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 태그에 h1 태그, p 태그, ul 태그를 사용해서 제목, 텍스트, 목록을 입력해줍니다. main 태그에 div 태그를 사용해 class "mouse__.. 2023. 3. 21. 마우스 이펙트 - 마우스 따라다니기 마우스 이펙트 - 마우스 따라다니기 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT, CSS / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript Mouse Effect01 마우스 이펙트 - 마우스 따라다니기 1 2 3 4 5 6 I would be happy if I could always focus on the present. 언제나 현재에 집중할 수 있다면 행복할 것이다. clientX : 0px clientY : 0px offsetX : 0px offsetY : 0px pageX : 0px pageY : 0px screenX : 0px screenY : 0px dongjin6539@naver.com 코드 블럭 구성 body 태그에 알맞은 .. 2023. 3. 20. 객관식 확인하기 유형 퀴즈 이펙트 객관식 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 HTML Quiz 객관식 확인하기 유형 1 2 3 4 5 W 정답입니다! 틀렸습니다! 정답 확인하기 dongjin6539@naver.com HTML 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 구역에 h1 태그를 사용해 알맞은 제목을 입력해줍니다. footer 구역에 a 링크 태그를 사용해 받을 이메일 주소를 링크와 같이 입력해줍니다. main 구역에 각 자식의 자식 태그를 알맞게 만들어주고 각 class 명을 입력해줍니다. 객관식 보기를 주기 위해 div 태그를 입력하고 자식.. 2023. 3. 18. 주관식 여러문제 확인하기 유형 퀴즈 이펙트 주관식 여러문제 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 HTML Quiz 주관식 확인하기(여러문제) 유형 1 2 3 4 . 정답입니다! 틀렸습니다! 정답 확인하기 . 정답입니다! 틀렸습니다! 정답 확인하기 . 정답입니다! 틀렸습니다! 정답 확인하기 dongjin6539@naver.com HTML 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 구역에 h1 태그를 사용해 알맞은 제목을 입력해줍니다. footer 구역에 a 링크 태그를 사용해 받을 이메일 주소를 링크와 같이 입력해줍니다. main 구역에 각 자식의 자식 태그를 알.. 2023. 3. 14. 이전 1 2 3 4 5 6 7 다음 반응형
