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.htmW3C의 CSS 권고안*도 좋은 참고 자료입니다. W3C의
Cascading Style Sheets 홈 페이지*에서는 CSS에 기여한 좋은 자료를 많이 볼 수 있습니다
CSS 스타일시트 만들기
외부 CSS 스타일시트 만들기
포함 CSS 스타일시트 만들기
페이지 보기에서 문서 창 아래쪽의 디자인 을 클릭합니다. 서식 메뉴에서 스타일을 클릭합니다.
새로 만들기를 클릭하고 이름(선택기) 상자에 새 스타일의 이름을 입력합니다. 스타일 형식에서 단락 스타일 또는 문자 스타일을 선택합니다. 서식을 클릭하고 새 스타일의 서식 특성을 지정합니다.참고 속성 대화 상자의 스타일 단추를 사용하여 페이지 요소에 스타일을 직접 적용하면 스타일이 요소에 직접 적용되어 인라인 CSS 스타일시트 (인라인 CSS: 단일 페이지 요소 또는 지정된 페이지 요소 시퀀스에 적용되는 CSS입니다.)가 만들어집니다.
자세한 정보 CSS 스타일시트에 대한 자세한 내용을 보려면 참고 항목 상자에서 해당 링크를 클릭하십시오. 해당 링크의 페이지를 보려면 인터넷에 연결되어 있어야 합니다.
CSS 스타일시트 편집
- 페이지 보기에서 다음 중 하나를 실행하십시오.
- 서식 메뉴에서 스타일을 클릭합니다.
- 목록 상자에서 다음 중 하나를 실행하십시오.
- 만든 사용자 지정 스타일을 편집하려면 사용자 정의 스타일을 클릭합니다.
- 표준 HTML 태그의 스타일을 편집하려면 HTML 태그를 클릭합니다.
- 스타일 상자에서 스타일을 두 번 클릭합니다.
-
다음 중 하나 이상을 실행하십시오.
- 선택한 스타일의 스타일 형식을 변경하려면 스타일 형식 상자에서 단락 또는 문자를 클릭합니다.
- 스타일의 서식 특성을 변경하려면 서식을 클릭하고 변경할 서식 특성 유형을 클릭한 다음 원하는 옵션을 선택합니다.
외부 CSS 스타일시트에 연결
- 페이지 보기에서 문서 창 아래쪽의 디자인 을 클릭합니다.
- 서식 메뉴에서 스타일시트 연결을 클릭하고 추가를 클릭합니다.
- 인 .css 파일을 찾아 클릭한 다음 확인을 클릭합니다.
- 다음 중 하나를 실행하십시오.
- 외부 CSS를 현재 페이지에만 연결하려면 선택한 페이지를 클릭합니다.
- 외부 CSS를 현재 웹 사이트의 모든 페이지에 연결하려면 모든 페이지를 클릭합니다.
CSS 스타일시트 지원 설정 또는 해제
- 도구 메뉴에서 페이지 옵션을 클릭하고 제작 탭을 클릭합니다.
- 다음 중 하나 이상을 실행하십시오.
-
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-토론
- 메일링 리스트:매우 활동적이며, 도움이 많이 되는 곳이다.
- 위키:"다른 무엇보다 위키는 참여자들의 오랜 동안 이루어온 집단적 기억 저장 공간이다." 윈도우즈 인터넷 익스플로러에게 주고싶기는 하지만, 더 좋은 브라우저에게 '실질적인 것'을 제공하고 싶다면 이곳에서 방법과 더많은 것을 찾게 될 것이다.
- 아카이브: 여러분을 괴롭힌 CSS 문제가 있다면, 걱정할 필요가 없다. 이미 같은 문제를 겪은사람이 있고 도움을 제공한다. 이곳에서 답변을 찾아보도록 한다.
- 목록 길들이기, Mark Newhouse. 탐색 메뉴를 의미론적으로 작성할 수 있도록도와주는 필수 정보를 제공한다.
- CSS: 프린트 처리, Eric Meyer. 더 이상 "프린터 친화적 버전'을 다시만들 필요가 없다.
- 대안 스타일: 스타일 시트 작업하기, PaulSowden. 사용자가 페이지 보는 방식을 결정할 수 있도록 해준다.
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