padding-toppadding-rightpadding-bottompadding-left안쪽 여백을 정할 수 있습니다. margin처럼 세부적으로 한 개씩 정할 수 있습니다. 예제) padding-top:10px; padding-right:2em; padding-bottom:100% padding-left:0  padding간단하죠. padding-top, padding-right 등을 모두 정할 수 있습니다. padding에 ..

margin은 안쪽 여백이 아니라 바깥 여백입니다.margin-topmargin-rightmargin-bottommargin-left바깥 여백을 정할 수 있습니다. 세부적으로 한개 씩 정할 수 있습니다. 예제) margin-top:10px; margin-right:2em; margin-bottom:100% margin-left:0  marginmargin-top, margin-right 등을 모두 정할 수 있습니다. margin..

출처 : http://www.w3schools.com/css/css_boxmodel.asp  모든 HTML 요소는 박스로 생각하면 됩니다. CSS에서디자인과 레이아웃 얘기를 할 때, 용어 '박스 모델"이 사용됩니다. 박스 모델은 우리가 다른 요소와 관련 요소와 공간 요소 주위에 테두리를 삽입하실 수 있습니다.아래의 이미지는 상자 모델을 보여줍니다 Width(너비)와 Height(높이)는 어떻게 정해질까? ..

background-color : 배경색 지정 배경색을 지정하는 속성입니다. 색상 이름이나 코드 값을 넣을 수 있습니다. 예제) body {background-color:#eeeeee;} #wincomi {background-color:skyblue} background-image : 배경 이미지 지정 배경 이미지를 지정하는 속성입니다. 이미지 경로를 입력하시면 됩니다. 이미지 경로는 url(“~~”)로 입력합니다..

혹시 예전에는 폰트를 설정하려면 이렇게 쓰시지 않으셨나요? <font size="10">Font 속성</font>   물론 이렇게 쓰셔도 되지만, 웹 표준에 맞지 않습니다. CSS 기초 강좌 5강 - Font 속성 : 글자 제어 1. 글자 크기를 설정하는 속성 font-size:x x에는... pt - 글자크기를 포인트 단위로 표시 1포인트는 1/72인지이며 가장 많이 사용되는 단위 em..