경진의 블로그

XML과 CSS 본문

자바개발과정/XML

XML과 CSS

aith 2008. 7. 8. 16:38
첨부파일(이미지)


브라우저에서 HTML 문서 출력 예제이다.


브라우저에서 XML 문서 출력 예제이다.


문서 내부에서 CSS를 적용하는 예제이다.


XML 문서 안에 스타일 정보 저장하는 예제이다.


특정한 요소에 한 번만 스타일을 적용할 때의 style 속성 사용 예제이다.


XML 문서에서 특정 요소에 style 속성에서 속성 값을 지정할 때, 브라우저는 그 값을 사용해서 요소의 데이터를 출력하는 경우의 예제이다.


외부 스타일시트를 연결하기 위해서는 CSS 파일을 별도로 작성하고 저장해야 한다.


CSS 파일을 HTML 문서에 연결하기 위해 HEAD 부분에 LINK 요소를 사용해 CSS 파일을 연결하는 경우의 예제이다.


XML 문서에 스타일시트를 하나 이상 포함하는 경우의 예제이다.


@import 명령을 사용하여 HTML 문서에 외부 CSS 파일 활용 예제이다.


XML 문서에서의 @import 명령문 사용 예제이다.


HTML 문서 혹은 XML 문서에서는 ① 문서 내에 CSS를 삽입하는 방법, ② 스타일 속성을 각각의 태그에 적용하는 방법, ③ 외부 스타일시트를 연결하는 방법, ④ @import 명령을 사용하는 방법 모두를 혼용하여 적용시킬 수 있으며, 다음 예제를 통해 확인해 보도록 하자.


문맥 선택자(contextual selectors)의 활용 예제이다.


CSS에서 클래스는 요소명과 클래스명을 점(.)을 이용해서 작성한다.


모든 요소에 같은 클래스를 적용하기 위해 선택자를 생략하고 사용하는 경우의 예제이다.


선택자로 ID 두 개를 지정해서 사용하는 예제이다.


XML 문서에 CSS 문서에서 지정하고 있는 이미지를 배경 이미지로 사용하는 예제이다.


특정 요소에만 배경 이미지를 적용하는 예제이다.
 (하위 요소마다 ‘background-image' 속성 따로 지정 필요)


font 속성에 관련한 사항을 축약해서 선언하는 경우의 예제이다.


CSS 적용 우선순위 예제이다.


디스플레이 속성 사용 예제이다.


visibility 속성 사용 예제이다.


속성 구성과 속성 효과 값 사용 예제이다.


글자 속성 관련 예제이다.


색상과 배경 속성 관련 예제이다.


문자 간격과 맞춤 속성 관련 예제이다.

'자바개발과정 > XML' 카테고리의 다른 글

XML과 XSL, XSLT(도서 목록)  (0) 2008.07.10
XML과 CSS, XPath, XSL, XSLT  (0) 2008.07.09
XML과 CSS  (0) 2008.07.08
XML과 스키마(Schema)  (0) 2008.07.07
XML과 DTD(part.2, part3)  (0) 2008.07.04
XML과 DTD(part.1)  (0) 2008.07.03
Tag
,
0 Comments
댓글쓰기 폼