본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

728x90

CSS11

#검색결과

총 11개를 찾았어요 ^^b

/

꼬리 흔드는 강아지를 만들어보자! 꼬리 흔드는 강아지 만들기 강아지를 만들어 보겠습니다! PUG 코드 pug코드를 통해 html로 힘들게 작성했던 부분을 편하게 작성해봅니다 .dog .dog-body .dog-tail .dog-tail .dog-tail .dog-tail .dog-tail .dog-tail .dog-tail .dog-tail .dog-torso .dog-head .dog-ears .dog-ear .dog-ear .dog-eyes .dog-eye .dog-eye .dog-muzzle .dog-tongue HTML 코드로 보기 SCSS 코드 SCSS를 통해 불편하게 적었던 CSS를 편하게 적고 강아지에게 동적효과를 주기위해 animation 효과를 줍니다! $dog-width: 100px; $interval: 200ms; $..
2022. 8. 18.
미디어 쿼리...? 미디어 쿼리(media query) 미디어 쿼리는 화면 해상도, 기기 방향 등의 조건으로 HTML에 적용하는 스타일을 전환할 수 있는 CSS3의 속성 중 하나이며, 반응형 웹 디자인에서는 미디어 쿼리를 사용해 적용하는 스타일을 기기마다(화면 크기마다) 전환할 수 있습니다. 상단의 예시는 최소 가로폭이 1000px, 즉 1000px 보다 넓은 해상도일 때에 style_pc.css를 연결한다는 뜻입니다. 태블릿이나 모바일 기기마다 가로폭이 다른데, 크롬 브라우저에서 개발자 도구를 열고 Toggle device Toolbar를 누르면 기기마다의 해상도도 확인할 수 있고 기기 모델도 추가할 수 있습니다. 또한 다음 트로이 (http://troy.labs.daum.net/)에서는 기기별 해상도를 제공하고 실제 작..
2022. 8. 15.
CSS 기본문법에 대하여 알아보자 CSS 기본 문법 CSS(Cascading Style Sheets)를 정의방법은 내부, 외부, 인라인 스타일시트 등이 있으며, 실제로는 외부 스타일 시트를 주로 사용하지만 간단한것은 내부만으로도 사용 가능하고 인라인은 대체로 사용하지 않지만 우선순위가 높음의 특성으로 인해 꼭 필요한 경우 편리하게 사용 가능합니다. 내부 스타일시트 CSS를 HTML 문서 안에 태그로 기재하고 HTML 문서 안 CSS가 함께 저장하는 형태입니다. 잠은 충분히 자야하며 밥을 먹은 직후 누워서 주무세요 결과보기 잠은 충분히 자야하며 밥을 먹은 직후 누워서 주무세요 외부 스타일시트 스타일 속성들을 따로 저장 후 HTML 문서에 파일명으로 연결이 가능하며, *.css 환장자를 가진 별도의 파일로 저장 후 HTML에는 태그를 이용해..
2022. 8. 15.
728x90
반응형

#HASH_TAGS

-

1

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