input[type=file]::file-selector-button{~css속성들~} css 에서 ::file-selector-button 을 사용하면 파일선택하는 버튼을 커스텀 할 수 있다

class marquee-text안에 before요소로 텍스트를 넣어서 애니메이션 효과, infinite를 줘서 무한히 흐르게 한다 white-space : nowrap 으로 줄넘김을 방지한다. 하지 않으면 줄넘김이 자동으로 돼서 글자가 가로로 배치되는게 아니라 부모의 width값보다 넘어가면 글자가 밑으로 배치되게 된다. overflow hidden을 적용해서 글자가 검은색의 배경을 가진 부모요소 안에만 보이게 한다 코드파일 index.html 안에 css랑 html코드 둘 다 들어가있음

aspect-ratio: 1 / 1; aspect-ratio: 16 / 9; 종횡비를 정하는 CSS, 1 / 1 은 1 : 1, 16 / 9 는 16 : 9 비율을 갖는다

HTML CSS @media screen and (max-width : 768px){ } JavaScript if (window.innerWidth

unset 속성을 지정하면 상속받아올 부모 값이 있으면 부모 값을 받아오고 없으면 초기값으로 지정한다.