지난 시간에 이어서 오늘은 상품판매화면을 구성해 보도록 할께요~! 우선 제목태그 부분에 margin 이 19.920 이라고 써있습니다. 제가 따로 스타일을 적용한 건 아니지만 h1 태그를 사용함에따라 웹에서 자동으로 부여된 값인데요 기존에 바디에 적용했던 부분들 모든 태그에 지정하도록 선택자를 * 로 바꾸어 적용합니다. 혹시 별도로 지정해야하는경우 해당 코드보다 아래쪽에 작성할때 따로 지정할 수 있으므로 가장 위에 적어줍니다. 마진과 패딩이 사라진 모습입니다. 이제 h1 태그에 margin-top을 16px로 설정하겠습니다. 상단 간격만 16이 잡힌 모습니다. 이제 product-list div태그 안에 상품들을 만들 구역을 만들고 product-card 라는..........
쇼핑몰 만들기 / 웹 화면 구현하기 - 3에 대한 요약내용입니다.
자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.
원문링크 : 쇼핑몰 만들기 / 웹 화면 구현하기 - 3
네이버 블로그
티스토리
커뮤니티