배경 속성- background-image : 배경에 넣을 그림 지정 body{background-image: url(ewqe.jpg), url(weare.jpg);} -> 여러개의 배경을 적용할 경우 왼쪽에서 부터 위로 올라옴- background-size : 사이즈 조절body{ background-image: url(weare.jpg); background-size: 10%; -> 전체 % 치율 background-size: 10% 50px; -> 높낮이 조절 가능 }body{ background-image: url(ewqe.jpg), url(weare.jpg); background-size: 10%, 50px; -> 쉼표로 조절할 경우 10%는 왼쪽 50px은 오른쪽 그림에 적용 }-- conta..

가시 속성- display 속성-- none : 태그를 화면에 보이지 않게 만든다.#box{display : none;}-- block : 태그를 block 형식으로 지정#box{display : block;}-- inline : 태그를 inline 형식으로 지정#box{display : inline;}-- inline-block : inline-block 형식으로 지정, margin 속성이 div 태그에 의해 차이 벌림#box{display : inline-block; margin: 10px;} - visibility 속성-- visible : 태그를 보이게 만듭니다.#box{visibility: visible;}-- hidden : 태그를 보이지 않게 만듭니다. 영역은 그대로 차지#box{visibi..

CSS3 Reference 참고W3Schools(http://w3schools.com/) CSS3 단위- 크기 단위-- % : 백분율 단위p:nth-child(1){font-size : 120%;}-- em : 배수 단위p:nth-child(2){font-size : 1.0em;}-- px : 픽셀p:nth-child(3){font-size : 10px;}-> 각각 단위별 사이즈를 조절 가능, - 색상 단위-- #000000 : HEX 코드 단위, 파일 용량을 미세하게 줄일 수 있다.-- rgb(red, green, blue) : RGB 색상 단위p:nth-child(1){color:rgb(159, 61, 184)}-- rgba(red, green, blue, alpha) : RGBA 색상 단위p:nth..

CSS3 선택자 기본// 여러가지 선택자가 있음 *, 태그, #아이디, .클래스 등등// 선택자는 직접 선언 할 수 있음ex) ro.classor{background-color: yellow;}Create Tag- 클래스 선택자 & 다중 선택자 지정ex) .select{color: fuchsia;} .idclassed{background-color: red;}CSS3 Selector Basic- 아이디 선택자ex) #box1{ width:80px; height: 80px; margin:0px; padding:0px; background-color: cyan}[0,0]-> 아이디 선택자는 중복이 가능 하다.ex) ...- 속성 선택자선택자[속성], 선택자[속성=값][속성=값]ex) input[type=te..