-
Learn CSS Transforms by Building a PenguinFreeCodeCamp 2022. 9. 18. 19:58
:root
가상클래스, 웹 문서 구조에서 특정 위치에 있는 요소를 선택, 웹 문서상 가장 상위 요소를 선택/공통으로 사용될 속성 적용
/* 문서의 루트 요소 선택 HTML에서는 <html> */ :root { background: yellow; } :root { --main-color: hotpink; --pane-padding: 5px 42px; }https://developer.mozilla.org/ko/docs/Web/CSS/:root
:root - CSS: Cascading Style Sheets | MDN
CSS :root 의사 클래스는 문서 트리의 루트 요소를 선택합니다 HTML의 루트 요소는 <html> 요소이므로, :root의 명시도가 더 높다는 점을 제외하면 html 선택자와 똑같습니다.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-classes
의사 클래스 - CSS: Cascading Style Sheets | MDN
CSS 의사 클래스(가상 클래스)는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있습니다. 예를 들어 :hover를 사용하면 포인터를 올렸을 때에만 글씨 색을 바꾸고 싶을
developer.mozilla.org
cursor
마우스 포인터가 요소 위에 있을 때 표시할 마우스 커서를 설정
cursor: help; cursor: wait; cursor: crosshair; cursor: not-allowed; cursor: zoom-in; cursor: grab;https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
cursor - CSS: Cascading Style Sheets | MDN
The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.
developer.mozilla.org
'FreeCodeCamp' 카테고리의 다른 글
Personal Portfolio (0) 2022.09.18 Learn CSS Animation by Building a Ferris (0) 2022.09.13 Product Landing Page (0) 2022.09.04 Learn CSS Grid by Building a Magazine (0) 2022.09.04 Learn More About CSS Pseudo Selectors By Building A Balance Sheetindex (0) 2022.08.11