코드 215

각종 속성 타겟팅.

[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 파일 위치다.

코드/Html & CSS 2011.05.18

MIME

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

유사 클래스 선택자

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

코드/Html & CSS 2011.05.11

브라우저 모드

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

코드/Html & CSS 2011.05.11

Automatically declare stage instances

Properties 창에서 ActionScript Settings 의 Edit 버튼을 누르면 오른쪽과 같은 팝업창이 뜹니다. 거기서 Stage : Automatically declare stage instances 옵션을 해제 합니다. 디폴트 값은 체크되있습니다. 이 옵션은 스테이지에서 생성한 인스턴스드들을 자동으로 멤버변수로 선언해주는 옵션입니다. 이 옵션은 반드시 끄고 사용해야합니다. 수많은 컴파일 에러와 런타임 에러를 동반하는 무서운 옵션이랍니다... 뭔 소리냐니깐 스테이지에서 임의의 무비클립을 생성하고 properties 창의 name 부분에 "mc" 라고 이름을 적어 둡니다. 일반적으로 저렇게 한뒤 메인 클래스 파일에서 this.getChildByName("mc") 나 this.mc 이런 식으로..

Object["String"]

김 :무비클립이 하나있다치면.김 :trace(mv["width"]);김 :이런걸 쳐보면 그 무비클립의 넓이가 나오더라고요 ㅎ김 :마찬가지로"y","x" 뭐 다 되던데.김 :이건 디스플레이 오브젝트의 속성을 배열같은것으로 가지고 있는건가요? www.grotesq.com 의 말 :기본적으로 Object 자체가 www.grotesq.com :속성에 대해서 그렇게 접근할 수 있거든요 www.grotesq.com 의 말 :var obj:Object = { value1:1, value:2 }; 하고 www.grotesq.com 의 말 :trace( obj[ "value1" ] ); 하면.. 김 :음.. 저렇게 접근이 되는거였군요... 김 :어쩌다보니 알게되었는데...신기해서요 ㅎ 김 :모든 객체에 다 적용이 되는건..

캐리지 리턴

케리지 리턴 (Carriage Return) 이란 ? 우선 케리지 리턴의 영문 뜻을 알아보도록 하죠^^; Carriage : 운반, 수송 이라는 뜻이 있습니다. Return : 되돌아 가다 라는 뜻이 있습니다.. 대충 합처서 생각을 해보다면 "운반하여 되돌리다" 라는 뜻이 되겠죠^^? 대충..ㅋㅋ (영어가 약해서.ㅠ.ㅜ) 개행 문자 는 라인피드 (Line Feed) 를 말합니다. 캐리지 리턴(Carriage Return)과 라인 피드(Line Feed)는 타자기 따온 것입니다. 캐리지 리턴(Carriage Return) 은 현재 위치를 나타내는 커서 를 맨 앞으로 이동시킨다는 뜻이고, 라인피드 (Line Feed) 는 커서의 위치를 아랫줄로 이동시킨다는 뜻입니다. 타자기는 마치? 로 단어를 때려서 종이에..