세연아빠의 개발과 일상의 모습

CSS DIV 속성 positionCSS DIV 속성 position DIV 태그는 division 의 줄임말로 html 문서에서 화면 분할, 레이아웃 등을 잡는 태그로 사용된다. 웹표준에서는 태그대신 태그를 이용하여 작성하게된다. 그렇다고 테그가 웹표준에 어긋나는 것이 아니라 다만 용도에 맞게 제대로 사용되어지도록 처리되어지는 것이라 하겠다. 한번 알아보도록 하자 1 DIV 태그 태그는 한 문단에 CSS(스타일시트)를 적용시키기 위해 사용됩니다. 속성 설명 STYLE CSS 속성을 연속적으로 설정할 수 있으며, 각 속성의 구분은 ; 세미콜론으로 구분한다. 2 position 속성 특정 위치에 배치시키기 위해서 사용되며, html 태그는 상대적인 좌표만 설정 할 수 있지만 position 속성의 abso..

CSS 폰트(Font) 글꼴속성CSS 폰트(Font) 글꼴속성 CSS 중 폰트과 관련된 속성들을 알아보고 사용법을 숙지하도록 해보자. 1 font-family font-family 는 글꼴 종류를 설정하기 위해서 사용됩니다. 사용예) font-family: 굴림체; font-family: 굴림체, 돋움체; 등으로 콤마(,)를 이용하여 글꼴을 연속적으로 설정할 수 있습니다. 왼쪽 글꼴 기준으로 설정되며, 왼쪽 글꼴 이 없으면 그 다음 글꼴이 적용됩니다. 2 color 속성 color 속성은 모든 테그에 사용할 수 있는 속성으로 문자 색을 설정합니다. color 속성은 색상 상수나 색상값을 이용하여 설정할 수 있습니다. 사용예) color: #00FF88; , color: blue 3 font-size 속성..

CSS hover 사용법CSS hover 사용법 CSS 스타일시트 hover 는 해당 객체위에 마우스를 올려놓았을때 변화를 주어 엑티브한 페이지를 구성할때 사용됩니다 사용법은 아래에 예시를 보고 알아보도록 하겠습니다. 1 샘플보기 123456789101112131415161718192021 CSS HOVER TEST .haver { width:250px ; height:250px; }p:hover, h1:hover, a:hover { background-color: black; color: white; text-align:center; line-height:250px;font-size: 150%; }​ CSS HOVER TEST PAGE ! Colored by Color Scriptercs css hov..