----------------------------------boxing모델----------------------------- padding - 패딩은 여백을 지정할 수 있다. - 사이즈를 조절할때 각각 설정이 가능하다. /* top/right/bottom/left*/ #btn-1{padding:20px;} /* top/buttom right/left*/ #btn-2{padding:20px 10px;} /* top/right/button/left*/ #btn-3{padding:80px 40px 20px 10px;} #btn-4{padding-top: 80px;} border - 테두리를 설정하는 태그이다. - 사이즈 및 속성을 아래처럼 조절할 수 있다. /* 여백을 준다. */ span{padding:..

---------------------------------------------CSS---------------------------------------- CSS(Casacading Style Sheets) - HTML문서의 디자인 요소를 담당한다. - 텍스트 색상/크기, 이미지의 크기/위치, 컨텐츠의 배치 등을 다룬다 스타일의 적용방식 stryle 적용방식 - 인라인 스타일 - - 예) style 태그 - 내부 스타일 시트 - - 예) css파일 선택자 {스타일속성:스타일값; 스타일속성:스타일값; } 선택자(Selector) 스타일을 적용할 HTML요소(태그들)를 지정한다. 태그 하나가 될수도 있고, 여러 개의 태그가 될 수도 있다. 주요선택자 전체 선택자 html의 문서의 모든 요소(태그)에 적용..