HTML & CSS12 [CSS] transition, 가상 선택자 📌 참고 사이트 transition - CSS: Cascading Style Sheets | MDN (mozilla.org) transition - CSS: Cascading Style Sheets | MDN transition CSS속성은 transition-property (en-US), transition-duration (en-US), transition-timing-function (en-US) 과 transition-delay (en-US)를 위한 단축 속성입니다. 이 속성으로 엘리먼트의 두 가지 상태 사이에 변화를 줄 developer.mozilla.org CSS 가상 클래스 선택자 - ofcourse CSS 가상 클래스 선택자 - ofcourse 개요 선택자 뒤에 :가상이벤트를 붙이면 특정.. 2023. 8. 14. [CSS] transform (+prefix) 📌 참고 사이트 transform - CSS: Cascading Style Sheets | MDN (mozilla.org) transform - CSS: Cascading Style Sheets | MDN CSS transform 속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다. transform은 CSS 시각적 서식 모델의 좌표 공간을 변경합니다. developer.mozilla.org - CSS: Cascading Style Sheets | MDN (mozilla.org) - CSS: Cascading Style Sheets | MDN CSS 자료형은 요소의 외형에 영향을 주는 변형을 나타냅니다. 변형 함수는 2D 또는 3D 공간 내에서 요소를 회전하고, 크기를 바꾸고,.. 2023. 8. 14. [HTML] 자주 쓰이는 태그들 정리 📌 참고 사이트 HTML 필수 태그 32가지 정리 (tistory.com) HTML 필수 태그 32가지 정리 HTML에서 필수적으로 많이 쓰이는 태그들을 정리해보겠습니다. HTML문서에는 필수적으로 쓰이는 태그들이 있습니다. 예를 들면 HTML태그, body태그 들을 쓰지 않고서는 HTML문서를 만들 수 없습니다. cucat.tistory.com MDN Web Docs (mozilla.org) MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.. 2023. 8. 11. [CSS] flex 📌 참고 사이트 https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com 📋 flex 레이아웃을 만들기 위한 기본적인 HTML 구조 helloflex abc helloflex ➡️ 부모 요소 (.container): 플렉스 컨테이너 (Flex Container), flex의 영향을 받는 전체 공간임. ➡️ 자식 요소 (.item): 플렉스 아이템 (Flex Item), 설정된 flex 속성에 따라 각각의 아이템들이 배치됨. 부모인 ... 2023. 8. 10. 이전 1 2 3 다음
