html에서는 상단에 있는 단축 코드를 알아두면 너무나 좋아요.
기억했다가 잘 활용하는 것을 추천!
css를 작성할 때는 순서를 맞춰서 코드를 짜는 것이 좋다.
가장 위에 있는 태그부터 머릿속으로 그려가면서 하나씩 순서를 끝마치고 다음으로 넘어가야 한다.
스타일을 줄 때는 div 달랑 이렇게 하지말고, section > nav > div 이런식으로 해야 합니다.
이렇게 되어있는데 나는 마진과 패딩을 준 적이 없는데
이렇게 줘야한다. 바디 노멀라이즈임
노멀라이즈 해주세요, 라고 했을 때 이렇게 기본 틀을 잡아주면 된다.
이거 모두 노멀라이즈 이렇게 외우면 됩니다.
그리고 ul과 ol의 자식은 li만 가질 수 있어요.
ul은 사실 div와 별차이가 없지만 그렇다고 쓸모없는 것은 아닙니다.
메뉴를 만들 때 한 눈에 알아보기 위해서 많이 쓰기도 한다.
ul은 보통 nav 태그로 감싼다.
이렇게 디자인은 다 똑같지만 색상은 다를 때 어려워 할것 없이 nav 큰 곳에 클래스 이름을 하나 더 부여해서 색상만 다르게 설정하면 제일 간단하다.
재밌고 헷갈리고 어렵다.
다른 강사님에게 배웠을 때는 정말 html에 흥미가 없고 재미가 없다고 생각을 했는데
하나씩 파고들어서 공부를 하니까 새로운 사실을 알게 된다는 것이 재미가 생긴다.
마지막 실습 사진에서 나는 a태그 하나 하나에 클래스를 부여해서(ㅜㅜ) 색상을 바꿨는데, 조금만 더 생각해보면 그 위에 있는 태그에 클래스를 부여했으면 됐던건데..
가장 많이 하는 실수가 클래스를 부여하지 않고nav:nth-child(2)이런식으로 하는 것인데 이러면 다른 코드를 추가로 작성했을 때 원하는 방향대로 흘러가지 않으니 주의!!!!
흑흑.. 잼나다..
