Blog Content

와이드 모니터가 보급되면서 웹사이트 대부분이 화면 가운데 배치를 하는데 방법은 두가지가 있다.첫번째는 auto마진을 이용한 방법이고, 두번째는 포지션과 마진에 음수값을 지정하는 방법이다. 1. auto마진 이용전체를 감싸는 DIV가 수평 중앙에 오도록 하는 레이아웃 이다. html css #wrap { width:500px; margin:0 auto; background:#9eeff4; height:20px;} 2. 포시션과 음수 마진값 이용가로 폭을 지정하고 position 속성값을 relative로 지정한다. left 속성에 50%를 지정하면 왼쪽 끝에서 중간에 오게 된다.하지만 왼쪽 끝을 중간에 놓으려는게 아니고, 가운데 지점이 페이지 중앙에 와야 한다. 이를 위해서 전체너비를 반으로 나눈 값을 음..

Aptana Studio 3 설치하기 압타나 스튜디오(Aptana Studio)는 이클립스 기반으로 만들어진 무료 에디터 입니다.HTML, PHP, CSS등을 지원하며, 이클립스가 설치되어 있다면 이클립스 플러그인(Plugin)으로도 설치가 가능합니다. 1.Aptana Studio를 설치하기 위해 http://www.aptana.com 홈페이지로 이동합니다. 화면 중간에 'DOWNLOAD APTANA STUDIO 3' 버튼을 클릭합니다. 2.개별 프로그램(Standalone Version), 이클립스 플러그인버전(Eclipse Plug-in Version)중 무엇으로 설치할지 선택한 후 아래쪽에 "DOWNLOAD APTANA STUDIO 3" 버튼을 클릭합니다.이클립스 버전은 이클립스가 설치되어 있어야 ..

스타일시트 배경이미지 설정 엘리먼트의 배경 엘리먼트의 배경에 색상을 부여하거나 이미지를 표시하고 싶을 때 background 효과를 사용한다. 이 효과를 이용하면 배경에 사용된 이미지의 위치를 지정하거나, 반복 할 수 있다. 배경색 background-color:색상값background-color 속성은 요소의 배경색을 설정하는 속성이다. Hex 16진수로 색상 값을 표현, #ff0000(레드), #00ff00(그린), #0000ff(블루) RGB 레드, 그린, 블루의 값을 조합하여 색상 값을 표현, RGB(255,0.0), RBG(0,255,0), RGB(0,0,255) 고유색 red, green, blue등 컬러코드보기 배경이미지 background-image('이미지 URL') background-..

1.아래 소스를 사이에 넣어줍니다. 2.문법 a:link {속성:속성값;속성;속성값;...} a:link { } 는 하이퍼링크를 클릭하기전에 적용a:visited { } 는 하이퍼링크를 클릭한 후에 적용a:active { } 는 하이퍼링크를 클릭하고 있을때 적용a:horver { } 는 하이퍼링크 위로 마우스가 올라갔을때 적용 3.속성값 text-decoration 의 속성값 none (밑줄을 표시하지 않습니다.)underline (밑줄을 긋습니다.)overline (윗줄을 긋습니다.)line-through (문장의 허리에 라인을 긋습니다.)blink (문장을 깜빡거리게 합니다. 참고: 익스플로러에서는 지원하지 않음) color 의 속성값색상을 지정하는 방법에는 색상이름 과 16진수 숫자로 이용하는 방법..

1.아래 소스를 사이에 넣어줍니다. line-height 는 문장간의 줄간격을 설정하는 속성입니다. 2.문법 선택자{line-height:속성값:} 3.속성값 절대크기pt (포인트, 1pt= 1/72 in)in (인치, 1in = 25.4 mm)mm (밀리미터)cm(센티미터)pc (파이카, 1pc=12pt)px (픽셀,1px=모니터의 1도트) 상대크기 % (기준이 되는 글꼴에 대한 퍼센트)em (기준이 되는 글꼴에 대한 문자의 높이)

관리할 파일이 많은 경우 일일이 각 파일에 똑 같은 스타일시트를 헤드태그사이에 정의한다면 매우 비효율적이고, 나중에 스타일을 수정할 일이 있을 때 일일이 각 파일을 열어서 스타일시트를 수정해야 합니다. 스타일시트를 외부 문서로 만들어 두고 html 헤드태그안에서 와 같이 기록해서 참조하면 차후에 수많은 파일의 스타일을 수정할 때 이 참조한 css 파일 하나만 수정하면 되므로 효율적입니다. 스타일 시트 파일은 확장자가 css 입니다. 만드는 방법은 아래와 같은 스타일 시트 소스가 있다면 CSS코드를 메모장 과 같은 텍스트 편집 프로그램에 코딩 후 확장자를 .css 로 해서 저장하면 됩니다. "파일이름.css" 로 하고 저장버튼을 눌러 저장하면 CSS 포맷의 파일이 됩니다.