Im between cherry

HTML과 CSS로 카드 레이아웃 만들기!! 이렇게 나와야하는데, 나의 첫 작품은.. 달라도 너무 다른 것을 두 눈으로 확인할 수 있을 것이다! 하지만 완성을 해보도록 하자!!! 첫 번째 HTML과 CSS에서 하나씩 고쳐가보도록 하자! 1. HTML에서 이미지를 넣은 부분을 와 으로 나눈다. 1-1. 그럼 HTML에 새로 생긴 header와 section 부분을 CSS에도 추가하고, .image클래스는 없애도 된다. 1-2. img는 header 안에 속해 있는 속성이므로 CSS에서 header > img 이런 식으로 표현해서 추가해준다. 1-3. h4도 마찬가지다. HTML의 header 안에 를 통해 글씨 크기를 정해줬기 때문에, CSS에서 .img_t 클래스를 없애고 CSS에서 header > h4..

Python은 4 spaces, HTML/CSS는 2 spaces로 들여쓰기를 하기 때문에 vscode 설정이 필요하다. Tabl 키를 눌렀을 때 .py 및 .html 확장자에 따라 각각 다른 spaces로 들여쓰기가 되도록 설정하는 것이다. 1. 기본적인 Visual Studio Code의 환경 설정은 settings.json 이라는 파일에 작성되어 있다. * ctrl + shift + p 키를 누르면 차이 나오는데 그곳에 Open setting를 검색 * Preferences: Open Settings(JSON)을 찾아서 클릭 * settings.json 파일이 열린 것 확인 2. settings.json 파일에서 최상단 대괄호( {} ) 안에 아래와 같은 내용을 작성 후 저장하고 창을 닫는다. * ..