Goyummy

배울 점, 기억 할 점 저번 과제에서 상단의 ‘Playlist’ 가 가운데 정렬이 잘 안되었다. 이것은 text-align으로도 해결이 가능했다. reset.css : 대부분의 태그에 margin : 0, padding : 0, border : 0 등을 가진 css 파일. 브라우저에 의해 적용되는 스타일을 원하지 않기 때문에. style.css 파일에 @import “reset.css” 적어야함. input이 focus 되었을 때, input의 outline을 제거하려면, outline: none;을 input: focus{} 에 추가한다. 계속 써야하는 색이 있다면 variables.css 파일을 따로 만들어서 :root { ---yellow: #_123123;} 을 적어둔다. 색을 사용할 때는 var..

배울 점, 기억할 점 position 1. position : fixed 스크롤을 내려도 그 위치에 고정 2. position: relative 엘레멘트가 처음 생성된 위치를 기준으로 top, bottom, left, right로 위치 수정 가능 3. position: absolute 가장 가까운 relative 부모를 기준으로 top, bottom, left, right로 위치 수정 가능 position: relative를 쓰면 부모가 된다. pseudo selector: id나 class 없이 엘레멘트 선택 가능 ex) div:first-child { } 첫번째 자식 div:last-child { } 마지막 자식 span:nth-child(2) { } 2번째 자식 span:nth-child(even)..