html 썸네일형 리스트형 [CSS] div 안의 div를 가운데 정렬하기, 수평만, width&margin:auto 위의 코드와 같이 div가 중첩되어 있을 경우 안 쪽(자식요소)의 div를 바깥쪽(부모요소)의 div의 가운데로 정렬할 때 필요한 CSS 코드를 알아보겠습니다. 이 때 필요한 CSS 코드는 width와 margin: auto 입니다. 우선 div 요소에 CSS에서 사용할 이름을 부여하고, 화면에 보이도록 배경색을 설정해보겠습니다. ----- HTML 코드 ----- ----- CSS 코드 ----- .container { background-color: yellow; } .item { background-color: gray; } 이 상태로 웹페이지에서 확인하면 화면에 아무것도 나오지 않습니다. div태그는 block요소이고, block요소의 상하 높이는 최대한 작아지려는 경향이 있기 때문입니다. div.. 더보기 [VSCODE] 웹사이트를 만들기 위해 VSCODE 설치하기 웹페이지를 만들 수 있는 가장 유명한 툴인 Visual Studio Code를 설치해보겠습니다. 설치는 매우 단순합니다. 우선 구글에서 vscode 라고 검색하고, 아래와 같이 Visual Studio Code - Code Editing. Redefined 라고 적혀 있는 부분을 클릭합니다. 아래의 빨간색 동그라미 부분인 Download for Windows 라고 되어 있는 부분을 클릭합니다. 보라색 동그라미 부분을 누르면 다양한 버전의 VSCode를 다운로드 할 수 있지만, 자신의 운영체제에 가장 맞는 부분이 빨간색 동그라미 부분에 나오므로 빨간색 동그라미 부분을 클릭해서 다운로드 하시면 됩니다. 좌측 하단에 파일이 표시되고, 클릭하며 설치를 시작하시면 됩니다. 설치파일이 어디에 있는지 모를 경우 아래.. 더보기 이전 1 다음
