codepen.io / css요소 초기화

codepen.io

짧은 코드를 테스트하려고 프로젝트를 새로 구성하는건 시간낭비
codepen.io를 통해 테스트 가능

브라우저마다 css 요소의 기본값이 다를 수 있음

기본값을 초기화시키고 작업하는게 크로스 브라우징에 도움
구글에 'reset.css cdn' 검색하여 요소를 초기화하는 css 연결
index.html의 head에서 어떤 css link 태그보다 위에
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
를 추가하면 css 요소 기본값이 초기화된다.
min은 난독화 또는 경량화된 상태를 의미. 원본 수정을 원하는 경우가 아니라면 min 사용
codepen.io에서는 설정-css-CSS BASE에서 Reset 선택

emmet: 에디터에서 코드를 자동으로 완성하는 기능

codepen.io에서 태그 입력 후 탭키를 누르면 자동완성됨
emmet에 적응할수록 빠르게 코드 생산 가능