지티포트 로고 배너
  • 메인
  • 블로그
  • 소개
  • 번역서
    • CSS 비밀 매뉴얼
      • 사양, 실물 사진
      • 샘플 챕터 1~2장
      • 확인학습 링크/다운로드
      • 졸트(JOLT) 생산성 부문 수상
    • Ajax 디자인 패턴
    • 시스템 관리자 시간관리 전략
    • 웹 2.0 프로그래밍
      • 이 책은…
      • 저자 소개
      • 목차
      • 샘플 챕터
      • 예제, 소스코드
      • 정오표
    • Programming Flex 3
      • 추천사
      • 머리말
      • 저자 소개
      • 목차
    • Flex 3 Cookbook
      • 원서에 대한 아마존 서평
      • 원서 소스코드의 오류와 수정
      • 머리말
      • 역자 서문
      • 저자 소개
      • 목차
      • 소스코드 (수정 버전)
    • 안드로이드 2 마스터북
      • 추천사
      • 저자, 기술 감수자
      • 감사의 글
      • 옮긴이의 글
      • 목차
      • 샘플 챕터, 예제 프로젝트
      • 판매 서점 qrcode
      • 오탈자 등록
    • 한 권으로 끝내는 정규표현식
      • 저자 소개, 표지 그림
      • 저자 서문
      • 역자 서문
      • 목차
    • 웹 표준 가이드: HTML5 + CSS3
    • 한 번에 HTML5+자바스크립트
    • 리팩토링: 루비 에디션
  • 보험상품
  • 자작곡/음반
    • 습작
      • BMSB (Epic Buttrock Mix)
      • Bye, My Sweet Babe
      • Plastic Replica
      • Two of Me
      • 거울 (편곡 v.2002)
      • 마른 미소
  • 문의와답변
  • 방명록

10
Jan

CSS 3 연재 개관

2010 at 03:50 am by 아쿠아마린
댓글 ×
웹/CMS/블로그 |
1 Star2 Stars3 Stars4 Stars5 Stars 미득표
Loading ... Loading ...
 

1. Cascading: cascade는 “폭포가 되어 떨어지다”라는 뜻이다. 폭포는 물이 위에서 아래로 힘차게 흘러 내린다. 그 외에도 ‘계단형’이라는 뜻도 있다. 마이크로소프트 윈도우 3.1 바탕화면 정렬 방식 옵션에도 cascade가 있었다. style sheet에, cascading이란 말이 붙은 이유는 CSS에는 ‘특정도’와 ‘우선순위’라는 개념이 존재하기 때문이다. 이 CSS의 우선순위가 정해지는 것이, 꼭 cascade와 비슷한 느낌을 주기 때문에 style sheet에 cascading이란 말을 붙인 것이다. 

2. Style: style은 예를 들어서 어떤 문서가 있는데 글자 크기가 10, 글자색은 노란색, 글꼴은 고딕이다. 다른 문서는 글자 크기가 12, 글자색은 파란색, 글꼴은 명조다. 이 두 개의 문서가 내용이 같을 수는 있지만 외형이나 치장은 다르다. 이것을 일명 두 문서의 스타일이 다르다고 말한다. 

3. Sheet: sheet는 단어 뜻 자체는 style을 기록한 종이라는 의미다. 즉, ‘겉모양은 이러 이러하게 표현되게 하라’는 명령들이 들어 있는 공간이다. 여러 문서가 내용은 다르되 겉 모습이 똑같은 경우를 생각해 보면, 문서 하나 하나의 내용과 겉 모습을 작성하면서 중복되는 작업이 있다. 그러므로 style을 한 번만 지정해 놓고 내용 뼈대로만 이뤄진 문서에 이를 적용하면 아주 편리하고 간결해 진다. 바로 이러한 역할을 하는 것이 Style Sheet다. 

종합: CSS 즉, 캐스케이딩 스타일 시트란 웹사이트의 외형 스타일을 새로 부여하거나 변경하는 용도의 마크업 언어다. 

CSS 3 표준안 현재 준비 목록

 

현재 CSS의 리비전은 3까지 완성 단계에 진입해가고 있는데 사실 웹 개발이든 디자인이든 할 때 알아야 할 스크립트나 각종 언어가 많아 이것까지 추가하자면 복잡해 보여도 CSS는 다른 것들에 비해 패턴이 정형화돼 있어 기본적인 틀만 이해하면 배우기가 훨씬 쉽고 일단 공부해 두면 언제고 간편하게 사이트의 외형과 레이아웃을 만들어 낼 수 있다. 

아직은 리비전 3의 표준안이 완성된 단계가 아닌데다가 브라우저마다 적용 대상과 여부에 차이가 있기 때문에 css 3를 당장 모든 브라우저에서 동일하게 적용될 수 있게 사용할 수 있는 시점은 아니지만 기존의 리비전 2에서 업그레이드된 분량과 기능이 방대하기 때문에 지금쯤부터 차츰 알아가는 것도 나쁘지 않다.

<?php# GTPORT·com * 지티포트닷컴의 컨텐츠입니다. http://www.gtport.com ?>
트랙백: http://www.gtport.com/1027/trackback/
↑위로
태그: CSS3, 개관, 스타일, 시트, 연재, 캐스케이딩
↑위로

글 남기기

답글 작성 취소

  • 로그인

    로그인
    가입하기 암호 분실
     

    포럼 목록

    • 보험 관련 문의
    • 블로그 / 워드프레스
    • 정규표현식
    • HTML5 / CSS3
     

    게시판 댓글

    •  biasleash on 내 식물들 근황, February 1, 2012, 6:34 pm
    •  biasleash on 사랑니 구멍, February 1, 2012, 12:59 am
    •  biasleash on 엄청 쑥쑥 자란 청페페 화분들, January 31, 2012, 9:55 pm
    •  biasleash on 내 식물들 근황, January 30, 2012, 3:03 pm
    •  biasleash on 채소, 닭 가슴살 볶음, January 30, 2012, 2:33 pm
     

    블로그 피드 워드프레스
    ©Copyright since 1977 지티포트 로고
    Powered by Wordpress

    qrcode

4096 Color Wheel 색상환
CurvyCorners
Gravatar - 공인 아바타
오픈소스 CMS (PHP)
워드프레스 자료 창고
CSS 3 표준안 준비 상황
리미의 레시피
액션스크립트 닷오르그
엄진영의 플렉스 강의
워드프레스 플래닛
홍춘욱의 시장을 보는 눈
  • Register
  • Log in
  • XHTML 유효검사
  • CSS 유효검사
  • 워드프레스

본 사이트 콘텐츠의 저작권은 지티포트 닷컴에 있습니다. 무단 도용은 금지되며 저작자의 허락과 출처 명기 조건에 부응하여 퍼가실 수 있습니다.

피드 관리자 메일
↑맨 위로
XHTML 1.0 Transitional 유효검사 통과
 
아쿠아마린의 지티포트