본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기174

#검색결과

총 174개를 찾았어요 ^^b

/

mouseover & mouseenter 이벤트에 대해서 알아볼까? mouseenter/mouseover의 차이점에는 무엇이 있을까? 비슷한듯 다른 두 이벤트는 각각 미세한 차이가 있는데요 한번 이번 시간에는 그 차이에 대하여 알아보겠습니다 ^^v 이해를 돕기위해 가시적인 부분을 생각하여 좌표값도 넣어주었습니다 mouseover "mouseeover" 이벤트는 직접 이벤트를 걸지 않은 자식 요소에 마우스 포인터가 와도 발생하는 이벤트 입니다. 예시:: mouseover - 어느곳에 마우스를 가져다 대도 계산됩니다. 마우스를 올려보세요! [마우스가 올라오면 숫자가 카운팅 됩니다!] clientX : 0px clientY : 0px offsetX : 0px offsetY : 0px pageX : 0px pageY : 0px screenX : 0px screenY : 0px ..
2022. 9. 6.
푸터 유형_01을 한번 만들어보자! 푸터 유형_01 홈페이지를 받쳐줄 하단인 푸터 메뉴를 구현해보겠습니다! Figma 우선 피그마를 통해 기초적인 틀을 잡습니다! HTML html을 통해 기본적인 예제를 만들 뼈대를 구성합니다! 푸터 영역 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 ..
2022. 9. 5.
배너 유형 01 한번 만들어 봅시다! 배너 유형_01 배너가 될 구간을 한번 같이 작업해보아요~~~~~! Figma 우선 피그마를 통해 기초적인 틀을 잡습니다! HTML html을 통해 간단한 구조의 뼈대를 작성해봅시다!! 배너 영역 오늘의 도시는 여기다! 다양하고 다채로운 도시의 모습은 이곳을 참조하세요! https://www.youtube.com/channel/UCqVDpXKLmKeBU_yyt_QkItQ/ 도시 속 모습_01 CSS 생각보다 구현 요소가 적으므로 붙여줄 살(css코드)도 적습니다. .banner__inner { background-image: url(../img/BANNER-TYPE01.jpg); background-repeat: no-repeat; background-position: center; background-..
2022. 9. 5.
슬라이드 타입_01 : 기초 슬라이드 배너_01 슬라이드가 될 배너를 구현해보겠습니다! Figma 우선 피그마를 통해 기초적인 틀을 잡습니다! HTML html을 통해 기본적인 예제를 만들 뼈대를 구성합니다! 슬라이드 영역 CITY SIGHTSEEING 각각의 도시는 고유의 모습이 있습니다 한국은 과연 어떤 모습일까요? 자세히 보기 사이트 보기 이전 이미지 다음 이미지 1 2 3 플레이 정지 CSS 이제 완성된 뼈대에 살을 붙여주어 슬라이드를 완성하기 위해 CSS를 작성해줍시다! .slider__inner { margin-top: 70px; } .slider { position: relative; } .slider__img { background: url(../img/slider_bg01.jpg) no-repeat center / ..
2022. 9. 5.
728x90
반응형

#HASH_TAGS

-

1

ImageSlideEffect 오늘도 웹표준은.. 필터선택자 화사한가요? 코드 멈추지 않는 ' j ' 시리-즈 오늘 조업 마감했습니다. 내일은 즐거운 월요일 오징어 두마리 포획 완료 이건 또 뭐람 슬라이드 결과 : 월요일 울적하니 꽃을 달아봤습니다 scroll-snap-align 다크모드 숙제가 다양해서 너무 좋아요 scroll-snap-type 오징어 한마리 수확 완료! 메서드 제이쿼리 코딩 선택해주세요 공부 오징어 1Kg 당 3000원 Method HTML 오늘은 내가바로 오징어! JQuery

티스토리툴바