학습한 내용
덴마크 쇼핑몰 실습
-
모바일 버전1
-
모바일 버전2
-
pc 버전
※ id는 하나의 html 문서에서 하나만 사용해야하며, 중복해서 사용할 경우 이후에 나온 id는 제대로된 좌표값을 나타내지 못하게 된다.
※ 자주 사용되는 css 속성값은 css 문서에서 미리 class와 속성을 지정해두고 html 문서의 필요한 영역에 그때그때 삽입해주면 코드 수도 줄일 수 있고 알아보기 쉬워 유지보수에도 용이하다.
학습한 내용 중 어려웠던 점 또는 해결못한 것들
영역의 높이값을 설정하는 부분이 헷갈렸다. 그리고 css 문서의 맨 위에 * 선택자로 초기화 작업을 진행했음에도 a태그에 들어간 1px의 이유를 모르겠다.
해결방법 작성
css 초기화 작업과 기본 브라우저 css 설정등을 더 검색하고 원인을 알아봐야겠다. 그리고 영역의 높이값은 영상을 반복해보며 복습해야겠다.
학습 소감
세단계로 나누어지는 반응형 웹사이트인데 만드는 방식은 오히려 이전 실습보다 쉬웠던 것 같다. 그렇지만 여전히 높이값과 레이아웃 배치를 완전히 익혔다고 보기는 어려운 것 같아서 복습을 열심히 해야겠다는 생각이 든다.
