영차영차 개발 기록장 영차영차 개발 기록장

DOCTYPE 이란? 브라우저에게 웹 문서의 HTML의 유형과 버전을 알려주는 역할을 하는 선언문으로, 태그가 아니다. 대소문자를 구분하지 않는다. DOCTYPE 선언은 태그를 정의하기 전에 가장 먼저 선언되어야한다. DOCTYPE 선언을 생략하면 웹 사이트를 실행할 때 시스템이 자동으로 추가한다. (HTML5만 작동) 선언 방법 HTML5 이전 HTML 버전 SGML(Standard Generalized Markup Language)을 기반으로하므로, DOCTYPE 선언 시 해당하는 DTD(document type declaration)에 대한 참조가 포함되어야한다. 아래는 HTML 4.01의 선언 방법이다.

요소가 연속적으로 회전한다던가, 왼쪽 오른쪽으로 움직이는 요소를 만들고 싶다면 어떻게 해야할까? 바로 CSS property인 Animation을 사용하면 된다. animation property는 특정 요소에 스타일(CSS)을 변환하는 애니메이션을 적용한다. Animation CSS property # animation-name 요소에 적용할 @keyframes 이름을 정의한다. # animation-duration 애니메이션이 한 사이클을 완료하는데 걸리는 시간을 정의한다. # animation-timing-function transition 효과의 시간당 속도를 설정하여, 진행되는 방식을 정의한다. ease 기본값으로, 중간으로 갈수록 속도가 증가하고 끝에서 다시 느려진다. linear 동일한 속도..

💁‍♀️ 들어가기 전에 Hover Target 위와 같은 HTML 코드에서 hover class에 hover시 target class의 폰트색상을 변경하고 싶다면, 즉, 한 요소를 선택했을 때 다른 요소에 스타일을 주고 싶다면 CSS 결합자를 알면 된다. CSS 결합자 CSS 결합자는 선택자가 결합된 걸 말한다. parent child .parent .child { color: red; } 위 와 같이 parent 클래스를 선택하고 그 선택 기반으로 child 클래스를 선택한 경우를 말한다. 이런 결합자는 몇 가지 종류가 있다. 자손 결합자 첫 번째 요소의 자손인 노드를 선택 공백 사용 .parent .child { color: red; } parent 클래스 안에 있는 모든 child 클래스가 선택된다..