쇼핑몰 홈페이지 메뉴판 만들기

간단하게 쇼핑몰 홈페이지의 로고와 그 밑의 카테고리 메뉴들을 만들어보았다. 제목은 BNX이고 그 밑에 메뉴들을 클릭할 수 있게 만들었는데 마우스를 올리면 저런 식으로 빨간색으로 색상이 바뀌게 만들어보았다.

2020.06.04

HTML - section, div, article, nav 태그 사용

section, div, article, nav 태그를 html과 css로 사용해봤다. 이것저것 해봤는데 이 4가지 태그 중 차이점을 찾진 못했다. 내가 볼 땐 그냥 구역, 구간을 정해주는 태그인 것 밖에 모르겠다. CSS에서는 태그 마다 배경색이나 글자색 등등 다양한 옵션을 줄 수 있다. display속성에는 block과 inline-block이 있는데 block은 해당 태그들을 수직으로 나열해주고 inline-block은 해당 태그들을 수평으로 나열 할 수 있게 해준다. 각각 너비값을 지정해주지 않은 경우에는 block의 경우엔 최대로 뻗어 나가고, inline-block은 최소한의 크기로 줄어든다. 또 inline-block과 block은 같은 줄에 안써진다.

2020.06.03