香港居民

* { margin:0px; padding:0px; border:0.1px dashed #ddd; } a:link{text-decoration:none;color:#222;} a:hover{text-decoration:underline;} body { text-align:center; font-size:1em; font-family:sans-serif; line-height:1.3em; } #wraper { width:1024px; margin-left:auto; margin-right:auto; text-align:left; } #title { text-align:right; font-size:0.8em; font-style:italic; word-spacing:0.2em; padding:20px 20..

#header { width:800px; text-indent:10% } #innerHeader { width:600px; text-indent:10%; } MIME은 아스키 데이터만 처리할수 있는 인터넷 전자우편 프로토콜이다 . 즉 SMTP 를 확장하여 오디오, 비디오, 이미지, 애플리케이션, 기타 여러가지 종류의 데이터 파일을 주고받을 수 있도록 기능을 확장한 프로토콜이다. 이러한 재생용 프로그램 중 일부는 웹 클라이언트 , 즉 브라우저에 기본적으로 탑재되며(예를 들면 모든 브라우저는 HTML 파일을 처리하는 것 뿐만 아니라 GIF 와 JPG 이미지를 보여줄수도 있다), 그외의 프로그램은 필요할때마다 다운로드한다. 서버는 어떤 웹전송에라도 시작부분에 MIME 헤더를 집어넣으며, 클라이언트는 헤더가 나..

font 속성처럼 그대로 하위 자식 요소에 상속되는 속성. text-indent /*css*/ .smallCapsText { width:600px; text-indent:20%; border:1px solid black; } .idt { border:1px dashed lime; width:300px; } .inner { text-indent:20%; } /*html*/ This is regular upper - and lower case text displayed in firefox, This is regular upper - and lower case text displayed in firefox,This is regular upper - and lower case text displayed in f..

DOCTYPE TYPE 을 선언한다 XML namespace 를 선언한다 컨텐츠 타입을 선언한다 모든 태그는 꼭 닫는다 Unity3D Molehill 컨텐츠 타입을 선언한다 모든 태그는 계층에 맞게 감싸고 있어야한다 인라인 태그는 블럭 레벨 태그를 감쌀수 없다 태그는 소문자를 쓴다 태그를 속성 바꿀경우 반드시 해당 속성은 그 값을 가져야한다 /CSS 의 속성은 ";" 로 마무리한다 /*css*/ #navi { font-size:0.8em; border:1px solid red; } #inner { font-size:0.8em; } #inner 안의 폰트는 0.8 * 0.8 em 이 된다. #navi 요소로부터 폰트 크기를 상속 받는다. /*-----------------------------------*..

[attribute="value"] [class="defaultBase"]:hover {background-color:#0ff;} div[id="container"]:hover {background-image:url(overImage.png);} 클래스나 ID 도 하나의 속성으로 취급한다. 속성값이 있냐 없냐라는 Boolean 형식의 타겟팅도 가능하다. div#footer img[alt]:hover {border-bottom:2px solid #f00;} 물론 #footer img[alt="live0POP"] 도 동일하다. CSS 파일내에서의 경로기준은 현재 CSS 파일 위치다.

:hover pseudo class 이용시 CSS selector에 'A' tag 를 명시하지 않은 경우, IE7에서 마우스를 움직일 때마다 cpu 점유율이 올라가는 문제가 있음. :hover pseudo class 이용시 반드시 'A'를 명시할 것. /* problem */ #notice_area .txt:hover{color:#4559E9;} /* fixed */ #notice_area a.txt:hover{color:#4559E9;}

문서 구조를 기반으로 엘리먼트를 지정하는 것이 아니라, 폼요소나 링크의 다양한 상태에 대해서 스타일을 지정해야 할 경우가 있습니다. 유사 클래스 선택자 (psedo-class selector) 를 사용한다면 이런 작업을 할수있습니다. /* 방문하지 않은 링크를 파란색으로 표시 */ a:link { color:blue; } /* 방문했던 링크를 녹색으로 표시 */ a:visited { color:green; } /*마우스가 올라오거나 클릭했을 때 링크를 빨간 색으로 표시 */ a:hover, a:active { color:red; } /* 테이블 행에 마우스가 올라올대 빨간색으로 표시 */ tr:hover {background - color :red; } /* 입력 요소에 포커스가 갔을 때 노란색으로 표시..

브라우저 제작사들이 표준 호환 웹브라우저를 만들기 시작했을때 하위 호환성을 준수하려고 노력했습니다. 이를 위해 화면에 표시하기 위한 렌더링 모드를 두가지로 나눴는데 표준 호환 모드(standards mode) 와 비 표준 확장 모드 (quirks mode) 입니다. 표준 호환모드에서는 기술 명세서의 내용대로 페이지를 화면에 표시하고, 비표준 확장 모드 일때는 좀더 느슨하게 하위 호환을 고려하여 페이지를 화면에 표시합니다. 비표준 확장모드에서는 마이크로소프트 인터넷 익스플로러 4 혹은 넷스케이프 네비게이터 4처럼 구버전의 브라우저에서 예전 사이트가 깨져보이지 않도록 동작합니다. 이 두가지 모드의 가장 큰 차이점을 예로 들면 윈도우용 인터넷 익스플로러의 자체적인 박스 모델이 있씁니다. 인터넷 익스플로러 6가..