품목정보
발행일	2011년 04월 15일
쪽수, 무게, 크기	456쪽 \| 860g \| 18824030mm
ISBN13	9788992939713
ISBN10	899293971X

더보기

01장 CSS 이해 스타일이란? CSS란? - CSS의 동작 방식 CSS의 발전 과정 - CSS 레벨 1 (CSS1) - CSS 레벨 2 (CSS2) - CSS 레벨 3 (CSS3) CSS 규칙의 종류 CSS 규칙의 구성요소 - 브라우저의 CSS 확장 속성 CSS3의 새 기능 02장 HTML5 기초 HTML이란? - 기본 HTML 문서 구조 - HTML 속성 - HTML과 CSS HTML 엘리먼트의 종류 HTML5의 발전 과정 - 그런 다음 XHTML이 등장한다 - XHTML2의 문제점 - 그때 HTML5가 등장했다 - HTML5인가 XHTML5인가? HTML5의 새 기능 HTML5 구조의 동작 원리 HTML5 구조 사용하기 - 인터넷 익스플로러에서의 HTML5 보완 03장 CSS 기초 기본 CSS 선택자 인라인 스타일 - HTML 태그 내의 스타일 추가 - 개별 HTML 태그 내에서의 스타일 속성 설정 페이지 내 스타일 - 웹 페이지에서의 스타일 추가 - HTML 문서 내에서의 태그 스타일 설정 외부 스타일 - 전체 웹 사이트 차원의 스타일 추가 - 외부 스타일 시트 생성 - 외부 CSS 파일의 설정 - 외부 CSS 파일 링크 - 스타일 시트 불러오기 - 외부 CSS 파일 불러오기 HTML 태그 (재)정의 - HTML 선택자 정의 재사용 가능한 클래스 정의 - 클래스 선택자 정의 고유 ID 정의 - ID 선택자 정의 - 공통 선택자의 적용 그룹 지정 - 동일 스타일을 사용하는 엘리먼트 정의 - 선택자 그룹 지정 CSS에 주석 추가 - 스타일 시트에서의 주석 추가 04장 선택적 스타일 적용 엘리먼트 가계도 문맥에 따른 스타일 정의 - 자손 엘리먼트의 스타일 적용 - 자손의 전체 스타일 적용 - 자식 엘리먼트에만 스타일 적용 - 형제 엘리먼트의 스타일 적용 - 인접 형제 선택자의 정의 의사 클래스의 사용 - 링크의 스타일 적용 - 서로 구분된 링크 스타일 설정 - 사용자 상호작용에 대한 스타일 적용 - 동적 의사 클래스의 정의 - CSS3의 새 기능 - 의사 클래스를 지닌 특정 자식에 대한 스타일 적용 ★ - 엘리먼트의 자식 스타일 적용 - 특정 언어에 대한 스타일 적용 - 특정 언어에 대한 스타일 설정 - CSS3의 새 기능 - 엘리먼트에 대한 스타일 부정 ★ - 특정 엘리먼트에 대한 스타일 부정 의사 엘리먼트의 사용 - 첫 글자 및 첫 줄 의사 엘리먼트의 사용 - 아티클의 시작 부분 강조 - 엘리먼트 전, 후 콘텐츠 설정 - 엘리먼트 전, 후 콘텐츠 추가 태그 어트리뷰트 기반 스타일 정의 - 엘리먼트 어트리뷰트를 기반으로 한 스타일 설정 CSS3의 새 기능 - 미디어 쿼리 ★ - 미디어 쿼리 - 미디어 쿼리를 사용한 스타일 지정 - @media 규칙 사용법 - @media를 사용한 스타일 지정 부모로부터의 속성 상속 - 기존 속성값과 상속한 속성값의 관리 !important 선언 지정 - 강제로 선언 적용하기 캐스케이딩 순서의 판단 - 엘리먼트의 캐스케이딩 우선순위 판단 05장 폰트 속성 웹 타이포그래피의 이해 - 캐릭터셋 지정 - 일반 폰트 패밀리 - 딩뱃 - HTML 캐릭터 엔티티 폰트 스택 설정 - 엘리먼트에 대한 폰트 패밀리 정의 폰트 선택 - 웹 안전 폰트 - 다운로드 가능한 웹폰트 - 더 나은 폰트 스택 설정 - 엘리먼트에 대한 웹 안전 폰트 또는 웹폰트 정의 폰트 크기 설정 - 엘리먼트의 폰트 크기 정의 CSS3 새 기능 - 대체 폰트의 크기 조절 ★ - 엘리먼트에 대한 폰트 크기 조절 텍스트의 이탤릭체 설정 - 엘리먼트의 폰트 스타일 설정 볼드체 설정 - CSS 규칙에서의 볼드 텍스트 정의 소형 대문자 설정 - 엘리먼트에 대한 소형 대문자 설정 여러 폰트 값 일괄 설정 - 단일 규칙 내에서의 여러 폰트 어트리뷰트 동시 정의 06장 텍스트 속성 텍스트 간격 조절 - 글자 사이의 간격 조절(트래킹) - 자간 정의 - 단어 사이의 간격 조절 - 단어 사이의 간격 설정 - 텍스트 줄 간격 조절(행간) - 리딩 정의하기 텍스트 대소문자 설정 - 텍스트 대소문자 정의 CSS3 새 기능 - 텍스트 드롭 섀도우 추가 ★ - 텍스트 섀도우 정의 텍스트 가로 정렬 - 텍스트 정렬 정의 텍스트 세로 정렬 - 세로 정렬 정의 단락 들여쓰기 - 텍스트 들여쓰기 정의 공백 제어 - 공백 간격 정의 텍스트 장식 - 텍스트 장식(장식 제거) 곧 추가될 기능 07장 색상과 배경 속성 색상값 선택 - 색상 키워드 - RGB 16진수 값 - RGB 10진수 값 - 퍼센트 값 - CSS3의 새 기능 - HSL 값 ★ - CSS3의 새 기능 - 색상 알파 값 ★ CSS3의 새 기능 - 배경색 그라디언트 ★ - 인터넷 익스플로러 그라디언트 - 모질라 그라디언트 - 웹킷 그라디언트 색상 팔레트 선택 - 온라인 색상 스키마 툴 텍스트 색상 설정 - 텍스트 색상 정의하기 배경색 설정 - 엘리먼트의 배경색 정의 - 배경 이미지 정의 배경 단축 속성 활용 - 배경 정의 08장 리스트와 테이블 속성 불릿 스타일 설정 - 불릿 스타일 정의 커스텀 불릿 생성 - 커스텀 그래픽 불릿 정의 불릿 위치 설정 - 리스트 항목에서 줄바꿈 텍스트의 줄 위치 정의 여러 리스트 스타일 설정 - 여러 리스트 스타일 속성 정의 테이블 레이아웃 설정 - 테이블 레이아웃 설정 테이블 셀 사이 간격 설정 테이블 셀 사이의 보더 병합 - 테이블 보더 병합 테이블 설명 위치 설정 09장 사용자 인터페이스 및 동적 생성 콘텐츠 속성 마우스 포인터의 모양 수정 CSS를 사용한 콘텐츠 추가 카운터 적용 방식 지정 인용 스타일 지정 10장 박스 속성 엘리먼트 박스의 이해 - 박스의 구성요소 엘리먼트 보여주기 엘리먼트의 너비 및 높이 설정 - 엘리먼트의 너비 정의 - 엘리먼트의 높이 정의 - 최대 및 최소 너비 설정 콘텐츠 오버플로우 제어 - 오버플로우 제어 정의 창 내에서의 플로팅 엘리먼트 - 플로팅 엘리먼트 제거 - 엘리먼트 플로팅 방지 엘리먼트 마진 설정 - 엘리먼트의 마진 정의 엘리먼트의 외곽선 설정 - 박스 외곽선 설정 엘리먼트 보더 설정 - 보더 설정 CSS3의 새 기능 - 보더 모서리 둥글게 만들기 ★ - 둥근 모서리 설정 CSS3의 새 기능 - 보더 이미지 설정 ★ - 보더 배경 이미지 설정 엘리먼트 패딩 설정 - 패딩 설정 곧 추가될 기능 11장 시각 형태 속성 창과 문서 이해 위치 타입 설정 - 정적 위치 지정 - 상대 위치 지정 - 절대 위치 지정 - 고정 위치 지정 엘리먼트의 위치 설정 객체의 3D 스택 엘리먼트의 가시성 설정 엘리먼트의 가시 영역 잘라내기 CSS3의 새 기능 - 엘리먼트의 불투명도 설정 ★ - 엘리먼트의 불투명도 설정 CSS3의 새 기능 - 엘리먼트 섀도우 설정 ★ - 엘리먼트 섀도우 설정 12장 변형 및 트랜지션 속성 CSS3의 새 기능 - 엘리먼트 변형 ★ - 2D 변형 - 3D 변형 CSS3의 새 기능 - 엘리먼트 상태 간의 트랜지션 추가 ★ - 어떤 것을 트랜지션할 수 있나? 13장 CSS 문제 해결 인터넷 익스플로러 관련 CSS 조정 - 밑줄 핵 인터넷 익스플로러 박스 모델 문제 해결 CSS 리셋 - 간단한 CSS 리셋 - YUI2: 리셋 CSS - 에릭 메이어의 리셋 플로팅 문제 해결 - 줄바꿈 태그를 사용하면 모든 문제가 해결된다 - 오버플로우 해결책 14장 핵심 CSS 기법 플로팅을 사용한 멀티컬럼 레이아웃 생성 - CSS를 사용한 멀티컬럼 레이아웃 설정 링크 스타일과 내비게이션 - 내비게이션과 링크에 스타일 적용 CSS 스프라이트의 사용 - CSS 이미지 롤오버 추가 CSS 드롭다운 메뉴 생성 - 순수 CSS 드롭다운 메뉴 만들기 15장 스타일 시트 관리 읽기 쉬운 스타일 시트 작성 - 소개 및 목차를 작성한다 - 색상, 폰트, 기타 상수를 정의한다 - @rule을 상단에 둔다 - 조직 스키마를 선택한다 - CSS 구체성을 활용한 계층구조 적용 CSS 라이브러리와 프레임워크 스타일 시트 전략 - 전체 통합 방식 - 분할 정복 방식 - 합체 방식 - 동적 방식 CSS 코드 문제 해결 - 다음과 같은 질문을 자문해보자 - 여기까지 했는데도 여전히 문제가 해결되지 않는다면 다음과 같은 방법을 시도해 보자 파이어버그와 웹 인스펙터를 활용한 CSS 디버깅 - 파이어폭스의 파이어버그 - 파이어버그 시작하기 - 사파리와 크롬의 웹 인스펙터 - 웹 인스펙터 시작하기 CSS 코드의 유효성 검증 - W3C의 CSS 유효성 검증기 활용 CSS 최소화 - CSS 최소화 32가지 모범 개발 방식 부록A CSS 빠른 참조표 기본 선택자 의사 클래스 의사 엘리먼트 텍스트 속성 폰트 속성 색상 및 배경 속성 리스트 속성 테이블 속성 UI 및 동적 콘텐츠 속성 박스 속성 시각 형태 속성 변형 속성 (-webkit-, -moz-, -o-) 트랜지션 속성 (-webkit-, -moz-, -o-) 부록B HTML과 UTF 문자 인코딩 HTML과 UTF 문자 인코딩

더보기

상세 이미지 상세 이미지 보이기/감추기

상품 이미지를 확대해서 볼 수 있습니다. 원본 이미지

더보기

저자 소개 관련자료 보이기/감추기

저자 : 제이슨 크랜포드 티그 Jason Cranford Teague

제이슨 크랜포드 티그는 디자이너이자 저자이며 사람들이 창조적으로 기술을 적용하게끔 도와주는 강연자이기도 하다. 제이슨은 버진, 웹 MD, 지멘스, 코카콜라, CNN, AOL, 메리어트, 뱅크 오브 아메리카를 비롯한 여러 고객을 대상으로 15년 이상 온라인 디자인 작업을 했다. 출간한 저서로는 「Fluid Web Typography」와 「스타일로 말해요: CSS를 아는 웹디자이너 되기」가 있다. 제이슨은 포럼 원(www.forumone.com)에서 사용자 경험 및 디자인 디렉터로 활동하며 JasonSpeaking.com에 개인 블로그를 운영한다. 트위터 아이디는 @jasonspeaking이다.

역자 : 유윤선

IT 프리랜서 번역가로 활동하고 있다. 역서로는 『어도비 AIR 인 액션』, 『액션스크립트 3.0 완벽 가이드』, 『시작하세요! 아이패드 프로그래밍』, 『쉽고 빠르게 익히는 CSS3』, 『플래시 빌더 4 & 플렉스 4 바이블』 등이 있으며, 현재 플래시, 자바, 모바일 프로그래밍 등 다양한 분야에 관심을 가지고 번역을 하고 있다. http://joshy21.com/weblog에서 개인 블로그를 운영하고 있다.

더보기

책 속으로 책속으로 보이기/감추기

CSS를 말 그대로 '잘' 구현하기란 생각보다 쉽지 않다. 물론 지원할 브라우저가 하나뿐이라면 CSS 디자인이 조금 덜 어렵겠지만, 그렇다 하더라도 고려해야 할 요소가 여전히 많다. 이전 브라우저 버전과의 호환성, 인쇄용 페이지에 사용할 스타일, 다른 기기(휴대용 기기)에 대한 스타일 지원 등은 이런 여러 고려 사항 중 하나일 뿐이다. 이 책에서는 CSS 디자이너가 이런 문제들을 해결할 때 직접적인 도움을 줄 수 있는 여러 자료를 제공한다. 일례로 새로운 CSS 속성이 나올 때마다 속성을 표로 정리해 CSS 호환성을 보여준다. 독자들은 이 표만 가지고도 디자인 대상이 되는 브라우저에서 해당 스타일을 쓸 수 있는지 여부를 쉽게 판단할 수 있다. 또 두세 페이지에 걸쳐 한 번 꼴로 등장하는 저자의 팁은 CSS 디자이너들이 더 나은 디자인을 하기 위해 참고해야 할 내용으로 가득 차 있다.

이 책은 CSS3뿐 아니라 CSS를 전반적으로 다루는 책이다. 이 책은 단순히 CSS를 설명하는 데 그치는 것이 아니라 어떻게 하면 CSS를 더 잘 활용할 수 있고 어떻게 하면 디자이너들이 좀 더 쉽게 CSS를 '잘' 구현할 수 있는지 오랫동안 고민한 저자의 흔적을 여실히 보여준다. CSS 디자이너이자 책의 저자로 오랫동안 활약한 저자의 경험에서 우러나온 팁과 혜안은 새로운 CSS 지식을 배우는 것보다 더 큰 자산을 이 책의 독자에게 물려줄 것이다. 이 책을 통해 CSS3를 어려워하는 디자이너들이 좀 더 쉽고 편하게 CSS3를 배울 수 있게 되기를 바란다.

★ 이 책의 대상 독자 ★

이 책은 CSS 디자이너와 웹 개발자를 위한 책이다. HTML을 잘 알고 있는 CSS 디자이너라면 더욱 좋겠지만, HTML을 몰라도 책의 내용을 이해하는 데는 아무런 문제가 없다. 이 책은 CSS3뿐 아니라 CSS 전반을 다루므로 CSS를 처음 시작하는 디자이너가 CSS를 처음부터 배우기에도 적합하며, 웹 개발자가 CSS를 배우는 용도로도 적합하다. CSS3를 배우려고 하는 기존 웹 디자이너, CSS를 처음 접하는 웹 디자이너, 새로운 웹 환경에 맞는 최신 CSS 지식을 익히고자 하는 웹 개발자 모두에게 이 책을 추천한다.

---옮긴이의 글 중에서

회원리뷰 (0건) 회원리뷰 이동

리뷰 쓰기

혜택 및 유의사항?

등록된 리뷰가 없습니다!

첫번째 리뷰어가 되어주세요.

한줄평 (0건) 한줄평 이동

한줄평 쓰기

혜택 및 유의사항?

등록된 한줄평이 없습니다!

첫번째 한줄평을 남겨주세요.

배송/반품/교환 안내

배송 안내

반품/교환 안내에 대한 내용입니다.
배송 구분	예스24 배송 배송비 : 무료배송
포장 안내	안전하고 정확한 포장을 위해 CCTV를 설치하여 운영하고 있습니다. 고객님께 배송되는 모든 상품을 CCTV로 녹화하고 있으며, 철저한 모니터링을 통해 작업 과정에 문제가 없도록 최선을 다 하겠습니다. 목적 : 안전한 포장 관리 촬영범위 : 박스 포장 작업

반품/교환 안내

상품 설명에 반품/교환과 관련한 안내가 있는경우 아래 내용보다 우선합니다. (업체 사정에 따라 달라질 수 있습니다)

반품/교환 안내에 대한 내용입니다.
반품/교환 방법	고객만족센터(1544-3800), 중고샵(1566-4295) 판매자 배송 상품은 판매자와 반품/교환이 협의된 상품에 한해 가능합니다.
반품/교환 가능기간	출고 완료 후 10일 이내의 주문 상품 디지털 콘텐츠인 eBook의 경우 구매 후 7일 이내의 상품 중고상품의 경우 출고 완료일로부터 6일 이내의 상품 (구매확정 전 상태)
반품/교환 비용	고객의 단순변심 및 착오구매일 경우 상품 반송비용은 고객 부담임 직수입양서/직수입일서중 일부는 변심 또는 착오로 취소시 해외주문취소수수료 20%를 부과할수 있음 단, 아래의 주문/취소 조건인 경우, 취소 수수료 면제 오늘 00시 ~ 06시 30분 주문을 오늘 오전 06시 30분 이전에 취소 오늘 06시 30분 이후 주문을 익일 오전 06시 30분 이전에 취소 직수입 음반/영상물/기프트 중 일부는 변심 또는 착오로 취소 시 해외주문취소수수료 30%를 부과할 수 있음 단, 당일 00시~13시 사이의 주문은 취소 수수료 면제 박스 포장은 택배 배송이 가능한 규격과 무게를 준수하며, 고객의 단순변심 및 착오구매일 경우 상품의 반송비용은 박스 당 부과됩니다.
반품/교환 불가사유	소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 : 예) 화장품, 식품, 가전제품, 전자책 단말기 등 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예) CD/LP, DVD/Blu-ray, 소프트웨어, 만화책, 잡지, 영상 화보집 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우 eBook 대여 상품은 대여 기간이 종료 되거나, 2회 이상 대여 했을 경우 취소 불가 중고상품이 구매확정(자동 구매확정은 출고완료일로부터 7일)된 경우 LP상품의 재생 불량 원인이 기기의 사양 및 문제인 경우 (All-in-One 일체형 일부 보급형 오디오 모델 사용 등) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
소비자 피해보상	상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 준하여 처리됨
환불 지연에 따른 배상	대금 환불 및 환불 지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리