달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

'xhtml'에 해당되는 글 3

  1. CSS 기본 구성요소
  2. CSS 용어
  3. CSS 개요

CSS의 기본 구성 요소

   

선택자(selector)

표시 정보를 적용하는 요소 타입으로 적용 대상 범위 지정

XHTML의 모든 요소 사용 가능

프로퍼티(property)

CSS의 실질적인 기능을 의미, 선택자에 대해 어떤 스타일을 부여할지를 지정

값(value)

프로퍼티의 종류에 따라 지정하는 일정 범위의 값, 대상 프로퍼티의 값

키워드

그 자체가 의미를 가진 값으로, 큰 따옴표를 사용하지 않는다

일반값

< > 안에 표기한 데이터 형태를 가리킨다.

  

   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

특수문자  (0) 2014.11.13
문단 태그  (0) 2014.10.26
CSS 기본 구성요소  (0) 2014.10.25
시멘틱 태그- 01.html  (0) 2014.10.17
태그  (0) 2014.10.11
CSS Color Names  (0) 2014.10.09
Posted by codedragon codedragon

댓글을 달아 주세요

CSS 용어

용어

설명

제작자(Author)

XHTML이나 XML문서를 제작자를 의미합니다.

사용자(User)

"클라이언트"라고도 불리며 제작자가 만든 문서를 사용하는 사람을 의미합니다.

유저 에이전트(User Agent)

사용자가 하려는 행위를 대신해주는 프로그램을 지칭합니다.

즉, 사용자가 문서를 볼 수 있도록 해주는 것으로, 제작자가 만든 문서를 시작적, 청각적인 형태로 바꾸어 사용자에게 제고하는 프로그램을 말합니다.

웹 브라우저등의 웹클라이언트 프로그램이 이에 해당됩니다.

문서 언어(Document Language)

웹 문서를 만드는데 사용되는 언어를 의미합니다.

XHTML, XML등이 있습니다.

요소(Element)

문서 언어의 요소를 말합니다.

속성(Attribute)

요소에서 세부적인 속성을 의미합니다.

값(Value)

속성의 값을 의미합니다.

선택자(Selector)

CSS에서 사용하는 용어로 문서 언어에서의 요소에 해당합니다.

프로퍼티(Property)

CSS에서 사용하는 용어로 문서 언어에서 속성과 같은 개념입니다.

프로퍼티 값(Property Value)

CSS에서 사용하는 용어로 프로퍼티에 지정되는 값을 의미합니다.

속기 프로퍼티(ShortHand Property)

CSS의 프로퍼티에서 비슷한 것들을 묶어 한 번에 표현하는 것을 의미합니다.

문서의 트리 구조

XHTML문서의 여러 요소를 제어하기 위해 문서의 트리 구조가 생성됩니다. 각 요소들은 서로 간에 종속 관계를 가지게 되며, 루트 요소(body)를 제외한 모든 요소는 하나의 상위 요소를 가지게 됩니다.

루트 요소(body)

XHTML에서 <body>태그는 모든 요소의 상위 요소가 되며, 이를 루트 요소하고 합니다.

상위 요소(Parents)

한 요소가 다른 요소를 표함하고 있거나 내용상, 구조상으로 상위 구조에 있는 경우를 말합니다.

하위 요소(Child)

상위 요소를 가진 요소를 하위 요소라고 합니다.

자손 요소(Descendant)

하위 요소의 하위 요소를 의미합니다.

조상 요소(Ancestor)

한 요소의 상위 요소의 상위 요소를 조상 요소라고 합니다.

형제 요소(Sibling)

동일한 상위 요소를 가지는 두 개 이상의 요소를 형제 요소라고 합니다.

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

태그  (0) 2014.10.11
CSS Color Names  (0) 2014.10.09
CSS 용어  (0) 2014.10.03
HTML 기본 구조  (0) 2014.10.01
CSS 개요  (0) 2014.09.25
01.html-Hello World  (0) 2014.09.13
Posted by codedragon codedragon

댓글을 달아 주세요

CSS(Cascading Style Sheets)

  • 기존의 XHTML 한계를 해결하고 홈페이지에 다양하고 새로운 효과를 표현하기 위해 사용
  • 문서의 각 요소를 화면에 표시하기 위해 스타일 규칙을 모아놓은 문서
  • 데이터를 포장하기 위한 포장지 역할

   

   

CSS의 등장 배경

  • HTML의 제약성에서 탈피.
  • 홈페이지 전체에 통일감과 일관성을 유지.
  • 홈페이지 제작 시간을 단축시키고 문서의 용량을 줄임
  • CSS의 표준화 작업과 신기술 및 팁을 제공하는 W3C에서 1996년 CSS레벨1 발표
  • 1998년 CSS레벨2 발표

   

   

W3C-CSS Homepage

http://www.w3.org/Style/CSS/

   

   

CSS의 장점/단점

CSS의 장점

기능 확장성

HTML 기능의 확장 가능

양식 모듈화

흐름이 같은 문서 양식으로 전체 구성 가능

간편성

문서 형식을 손쉽고 다양하게 구성 가능

일관성

사용 환경에 영향 받지 않음

   

CSS의 단점

브라우저의 호환성 문제

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 용어  (0) 2014.10.03
HTML 기본 구조  (0) 2014.10.01
CSS 개요  (0) 2014.09.25
01.html-Hello World  (0) 2014.09.13
HTML Color Names  (0) 2014.09.05
HTML파일 인코딩 변경하기  (0) 2014.08.27
Posted by codedragon codedragon

댓글을 달아 주세요