Front-end/코코아톡 클론 코딩 6

#4 CSS ⅱ

#4.0 Transitions transition : 어떤 상태에서 다른 상태로의 "변화"를 애니메이션으로 만드는 방법 조건1. transition은 state가 없는 엘리먼트(처음 생겨난 곳)에 작성해야함 조건2. 적용하고 싶은 property는 state가 없는 엘리먼트와 state가 있는 엘리먼트 둘 다에 있어야한다. #4.1 Transitions pt.2 ease-in function : 브라우저에게 애니메이션이 어떻게 변할지 말해준다. matthewlein.com/tools/ceaser cubic-bezier.com easings.net/ko# #4.2 Transformations img { border: 5px solid orange; border-radius: 50%; animation: t..

#3 CSSⅰ

#3.0 How to Add CSS to HTML 방법 1. HTML 파일 내부 안에 #3.15 Combinators 만약 존재하지 않은 구조를 쓴다면, 블럭 안의 내용 적용되지 않음. #3.16 Pseudo Selectors part Two 더 많은 css attribute selctors 보러가기 developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors #3.17 States 개발자 도구에서 확인할 수 있는 가장 중요한 selector는 state active hover focus visited 응용 form:hover input:focus - 커서가 form 위로 올라가고 & input이 focused 상태이면 #3.18 Recap Pseudo-E..

#2 HTML

⚠️ Q. To make a heading on HTML I should write Title - False #2.0 Our First HTML File 파일명과 폴더명은 항상 소문자로 작성한다. #2.1 Setup and Errors HTML 규칙들을 따르지 않더라도 브라우저는 항상 결과를 보여주고 에러는 알려주지 않는다. HTML에 어떤 태그라도 쓸 수 있지만 브라우저에 어떠한 영향도 미치지 않는다. #2.4 Tag Attributes attribute의 목적 : HTML 태그에 더 많은 정보를 전달하기 위해서 몇몇 속성은 모든 태그에 이용된다. 모든 속성이 모든 태그에 쓰이진 않는다. 어떤 attribute라도 쓸 수 있지만 브라우저에 어떠한 영향도 미치지 않는다. anchor : 닻 href="h..