[주의사항] 1. ul 태그 안에는 li태그만 사용할 수 있고, li태그 안에는 모든 태그를 사용할 수 없다.
때문에 너무 큰 구조에 ul, li를 활용하는 것은 코딩할 때 헷갈릴 수 있다.
2 ul, li 태그는 독단적으로 사용할 수 없다. ul태그 없이 li태그를 쓸 수 없고,
li태그 없이 ul태그를 쓸 수 없다. (웹 표준에 어긋나는 코드이다.
[개발자 모드] 1. 미리보기 화면에서 원하는 태그에 우클릭 - 검사를 누르면 관련된 css정보를 확인할 수 있다. 2. 개발자 모드 왼쪽 상단에 점선 화살표 아이콘을 클릭하고 미리보기 화면 태그에 마우스를 올리면 팝업창에 간단한 css정보를 확인할 수 있다. 3. 개발자 모드 css파일에서는 기본적으로 들어있는 코드와 내가 작성한 코드를 따로 확인할 수 있다. index.html-24ae1963... -> 내가 작성한 코드 user agent styleshee -> 기본적으로 들어있는 코드
[ul, li, body 노멀라이즈] body와 ul에 기본적으로 여백값이 들어있기 때문에 margin: 0; padding: 0;이라는 코드를 작성해서 한번에 노멀라이즈 진행 li는 추가적으로 함께 노멀라이즈 하기 위해 같이 선택 후 list-style: none;(동그라미 형태 삭제)라는 코드로 노멀라이즈 진행 위 태그를 사용하여 기본값으로 변경 후 사용해주는 것이 좋다
