이메일/이벤트 실습 예제 파일

https://cafe.naver.com/wepub/7589위 링크에서 첨부파일을 확인하시면 됩니다.확인이 안되시면 알려주세요감사합니다.

마크업 실습 관련 질문입니다.

구분정의로 쓰셨는데, thead 자식으로 tr을 쓰고 그 안에 th를 쓰시면 됩니다.tr이 빠져서 나는 오류 같습니다.참고) 구분 정의

이미지를 안쓰고도 만들 수 있을거 같은데 이미지로 써서 만들때 어떤 장점이 있나요 ??

네 요즘엔 이미지를 안쓰고 메뉴를 만드는 경우가 확실히 많아졌습니다. 하지만 서체 디자인이 딱 들어맞지 않는다면 이미지를 여전히 쓸 수 밖에 없습니다. 현재 '다음'메뉴도 PC 상태에서는 이미지로 보여지고 있거든요... 이미지를 png나 gif, jpg 가 아닌 svg 등으로 만들어서 쓰면 해상도나 디바이스에 관계없이 깨끗하게 보일 수 있습니다.

category를 top: 50% 했을 때 이동되는 위치들이 잘 이해가 안가네요ㅠ

네, 이 부분이 어렵죠.. position: absolute 는 그걸 감싸는 position 이 기준이 되어 위치 지정(left, top, right, bottom)이 됩니다.그리고 여기서 line-height를 이미지를 감싸는 높이 만큼 크게 지정한 상태에서 position: absolute 가 top: 50% 이므로 이미지를 반 쯤 걸리게 표현이 됩니다. 이 때 margin-top을 line-height의 반 만큼 거꾸로 지정하면 top 위치가 지정한 만큼 위로 올라가서 이미지를 모두 감싸게 됩니다. 그러면 overflow: hidden 을 감싸는 곳에 적용해서 벗어나는 박스를 필요한 만큼 남기고 잘라버리게 되는 방법입니다. position 은 중요하므로 확실하게 이해하시면 좋습니다.

css 하다가 궁금한게 있어서 질문드립니다 !

실전에서 어떤 리더를 만나느냐에 따라 달라질 것 같습니다.제가 지금 일하고 있는 프로젝트는 규모가 상당히 큰데 그 방법은 쓰고 있지 않네요...