CSS비밀 매뉴얼 썸네일형 리스트형 HTML로 만드는 홈페이지, 누구든 쉽고 빠르고 간단하게 - 5(CSS) 안녕하세요 인포돈입니다. 저번 시간에 이어서 css에 대해서 알아보겠습니다. 이전 시간에 css속성과 id, class에 대해서 알아보았습니다. 이번에는 본격적으로 꾸미기 위한 css 코드들을 알려드리겠습니다. 1. border 해당 아래 코드에는 border라는 속성이 사용되었습니다. 해당 코드는 무엇을 의미할지 고민해 보세요 본 코드의 결과는 아래와 같습니다. 보시면 css의 경우 큰 박스가 생성되고 "css is good code"라는 텍스트는 작은 박스가 생성되는 것을 알 수 있습니다. 이러한 이유는 바로 box model 때문입니다. h1태그의 경우 화면 전체를 사용하는 block 형태이고 a 태그의 경우는 자기 자신 주위만 사용하는 inline형태이기 때문입니다. * 여기서 프로그래머들은 항상.. 더보기 HTML로 만드는 홈페이지, 누구든 쉽고 빠르고 간단하게 - 4(CSS) 안녕하세요 인포돈 입니다. 이전 시간까지 HTML 문법에 대해 알아보았습니다. 이번 시간에는 HTML과 상호보완적으로 많이 쓰이는 CSS에 대해서 알아보도록 하겠습니다. 물론 HTML만으로도 홈페이지를 만들 수 있지만 저희는 좀 더 이쁘게 만들고 싶지 않으신가요??? 그렇다면 CSS의 일부분을 배우면 저희가 보는 이런 웹사이트들처럼 저희도 엔지니어가 될 수 있습니다. 이전에 HTML 태그를 연습했던 1.html 파일로 그대로 연습해보셔도 되고, 새롭게 파일을 만들어서 진행하셔도 무방합니다 바로 본론으로 들어가 css에 대해서 알아보겠습니다. HTML에서는 가운데 정렬, 배경 이미지 등 예쁘게 꾸미기 위해서 만들어진 게 CSS라는 문법입니다. 하나의 예시를 보여드리겠습니다. HTML 해당 코드는 css가 .. 더보기 이전 1 다음
