CSS 소개

CSS(Cascading Style Sheet)는 웹 페이지 요소의 모양에 영향을 주는 서식 정의 모음입니다. 텍스트, 이미지, 머리글, 표 등의 서식 지정에 CSS 스타일을 사용할 수 있습니다. 단일 스타일을 사용하여 전체 문서에 대하여 특정 요소의 색상 및 정렬 속성을 미리 지정할 수 있습니다. 예를 들어, 한가지 스타일을 적용하여 모든 텍스트의 색상을 파랑으로 지정하고 정렬을 오른쪽으로 변경할 수 있습니다.

작업 흐름의 이점

CSS 스타일을 사용하면 시간을 절약할 수 있습니다. 예를 들어, 모든 단락 텍스트를 기울임체로 만드는 스타일을 지정했다고 합시다. 나중에, 기울임체 텍스트는 본문에 적합하지 않다고 결정했습니다. CSS 스타일에서 기울임체 설정을 제거하기만 하면 즉시 모든 텍스트의 서식이 바뀝니다.아래 CSS 참조 설명서도 이용할 수 있습니다.

CSS1 규격 번역문 - 카스케이딩 스타일쉬트 규격 번역문.
http://trio.co.kr/webrefer/css1/rec-css1.html

CSS2 규격 번역문 - 카스케이딩 스타일쉬트 규격 번역문.
http://trio.co.kr/webrefer/css2/cover.html

W3C CSS 검증 서비스 - CSS 스타일 시트 기능 검증 서비스, 소프트웨어 다운로드 제공.
http://jigsaw.w3.org/css-validator

http://trio.co.kr/webrefer/css2/cover.html

CSS (cascading style sheet) ; 종속형 시트
http://www.terms.co.kr/CSS.htm

W3C의 CSS 권고안*도 좋은 참고 자료입니다. W3C의 Cascading Style Sheets 홈 페이지*에서는 CSS에 기여한 좋은 자료를 많이 볼 수 있습니다

CSS 스타일시트 만들기

외부 CSS 스타일시트 만들기

포함 CSS 스타일시트 만들기

  • 페이지 보기에서 문서 창 아래쪽의 디자인 을 클릭합니다.
  • 서식 메뉴에서 스타일을 클릭합니다.

  • 새로 만들기를 클릭하고 이름(선택기) 상자에 새 스타일의 이름을 입력합니다.
  • 스타일 형식에서 단락 스타일 또는 문자 스타일을 선택합니다.
  • 서식을 클릭하고 새 스타일의 서식 특성을 지정합니다.
  • 참고  속성 대화 상자의 스타일 단추를 사용하여 페이지 요소에 스타일을 직접 적용하면 스타일이 요소에 직접 적용되어 인라인 CSS 스타일시트 (인라인 CSS: 단일 페이지 요소 또는 지정된 페이지 요소 시퀀스에 적용되는 CSS입니다.)가 만들어집니다.

    자세한 정보   CSS 스타일시트에 대한 자세한 내용을 보려면 참고 항목 상자에서 해당 링크를 클릭하십시오. 해당 링크의 페이지를 보려면 인터넷에 연결되어 있어야 합니다.

    CSS 스타일시트 편집

    외부 CSS 스타일시트에 연결

    CSS 스타일시트 지원 설정 또는 해제

    1. 도구 메뉴에서 페이지 옵션을 클릭하고 제작 탭을 클릭합니다.
    2. 다음 중 하나 이상을 실행하십시오.
      • CSS 버전 1.0을 사용하는 명령 지원을 설정하려면 CSS 1.0(서식) 확인란을 선택하고 해제하려면 선택을 취소합니다.

        CSS 1.0을 사용하면 단락 앞뒤에 공백을 늘리는 등의 특성을 태그에 추가할 수 있습니다.

      • CSS 버전 2.0을 사용하는 명령 지원을 설정하려면 CSS 2.0(위치) 확인란을 선택하고 해제하려면 선택을 취소합니다.

        CSS 2.0을 사용하면 픽셀 단위 배치 및 페이지 요소 그룹화가 가능합니다.

    XML세계에서의 CSS의 위치

    http://network.hanbitbook.co.kr/view.php?bi_id=580 XHTML와 CSS에 대한 기본 지식을 얻을 수 있는 편리한 자료처이다.

    CSS는 XML에서도 사용할 만한 적당한 스타일 언어인가? CSS가 XSLT를 대체할 수 있는가? 이전에도 이러한 질문들에 대해 들어본 적이 있을 것이다. 아니면 스스로 이렇게 질문을 해보기도 하였을 것이다. 다양한 스타일 언어의 가치와 이점들에 관한 논쟁들은 혼란을 가중시키는 경향이 있었다. 이 기사에서 우리는 CSS를 XML에 적용하는 법을 살펴보겠다.


    논문? 필요 없다: 온라인 자료

    CSS-토론

    Cascading Style Sheets – designing for the Web

    웹 표준 프로젝트. 신의 은총을 빌만한 곳이다.

    CSS:CSS 길들이기. 많은 링크 정보를 제공한다.

    CSS 레이아웃 기술: 놀이와 이익. Eric Costello에게서 여러분 프로젝트에 사용할수 있는 레이아웃 정보, 자료와 사용법을 얻을 수 있다.

    현실 스타일. CSS 레이아웃, 팁, 트릭, 그리고 기술정보를 제공한다.

    DevEdge 네스케이브 사이드바 탭. W3C의 CSS, HTML, 그리고 DOM 사양에관한 편리한 링클 정보를 제공한다.[역자주:네스케이프 쪽 링크가 없어 모질라 재단으로 링크]

    뉴욕 공공 도서관 스타일 가이드 XHTML와 CSS에 대한 기본 지식을 얻을 수 있는편리한 자료처이다.

    Great Chinese css resources made by Jasmine and Qian

    웹 표준의 사업적 이득. 현대적인 흐름에 대한 좋은 정보로, 한 경영학 석사가 분석한 웹표준화의 의미를 다룬 내용이다. [역자주: 네스케이프의 링크가 사라져모질라 재단 쪽으로 변경]

    LAST UPDATED 13 OCT 2011 BY theBigFly