본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

블록/인라인 구조에 대해 알아보자! 블록/인라인 구조...? 블록구조와 인라인구조는 각각의 특성이 있는데 이번 시간에 알아봅시다! ::블록구조 태그 한개가 화면상에 보이는 한 줄을 모두 차지하게 되며 여러 블록구조 태그를 사용할시 블록을 쌓듯이 계속 아래로 쌓여갑니다. ::인라인구조 태그 한개가 한줄에 모두 표현되며 여러 인라인구조 태그를 사용할시 오른쪽 방향으로 계속해서 쌓여갑니다. 인라인 구조 블록 구조 a address abbr article acronym aside b noscript bdo form big div br h1~6 button header em section img table input ul label ol script hr select figure span figcaption textarea fieldset stro..

스프라이트/ir효과/백그라운드 표현 방법에 대하여 가~보자고~! 스프라이트란? 여러가지의 이미지가 한 이미지 안에 모여 있는것을 말합니다 스프라이트 예시 제작해보기 스프라이트에 들어갈 각 그림간의 간격은 추후 background-position을 쉽게 파악하기 위해 좌표가 딱 50으로 떨어지게끔 작업해주고 스프라이트 이미지를 만들어 줍니다. CSS 코드 버튼의 글자는 가리고 이미지만 보여주기 위해 ir효과를 주어 글자는 숨기고 그림만 띄우게 css를 작성하겠습니다. 또한 간단한 hover효과를 주어 눈으로 좀 더 확인이 편하게 해보겠습니다. ir효과 : 리더기는 텍스트만 읽기 가능하기 때문에 이미지 설명을 위해 사용하며 시각적으로 불편함이 없도록 텍스트만 안보이게 숨겨주고 실제로 설명은 붙어있지만 이미지만을 보여줄때 사용하는 방법입니다. ir 효과 CSS코드보기 /*..

SCSS에 대해 알아봅시당~~ SCSS란? sass란 Syntactically Awesome Style Sheets의 약자로 CSS에서 복잡하게 넣었던 요소들을 scss를 통해 간단하게 표현 가능케해서 가독성을 높여주고 유지보수를 쉽게 해줍니다. SCSS 표기 예시 $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; } SASS 표기 예시 $font-stack: Helvetica, sans-serif $primary-color: #333 body font: 100% $font-stack color: $primary-color CSS 기존 사용 예시 body { font: 100% Helv..

퀴즈이펙트_틀린문제 정리.. 퀴즈 이펙트를 통한 틀린문제 출력! 퀴즈 이펙트를 통해 제가 직접 풀어보고 틀린문제들을 모아서 정리하였습니다 원본 소스 보기 원본 페이지 보기

이전 1 ··· 29 30 31 32 33 34 35 ··· 44 다음

728x90

#HASH_TAGS

-

1

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

티스토리툴바