• 컴퓨터/IT > 프로그래밍 > 웹프로그래밍

출판사 리뷰

'CSS3: 세상에 없던 가장 꼼꼼한 매뉴얼'은 CSS가 등장했을 때부터 존재했어야 할 매뉴얼 역할을 하는 책이다. CSS를 공부하려는 사람들은 어디서부터 시작하는 것이 좋은지 모를 때가 많다. 또한 CSS를 다루는 세부적인 기법은 웹 전문가에게도 어렵다. 각자가 직면한 문제를 해결하기 위해 포털이나 사이트를 검색해 보지만, 궁금증을 해결할 수 있는 완벽한 답을 찾기란 쉬운 일이 아니다.
이 책은 CSS를 다루며 고민에 빠지고, 불편함을 겪어 온 사람들에게 CSS 완전 정복으로 가는 길을 안내한다. 아름다운 웹 페이지를 만드는 다양한 CSS 팁과 꼼수, 그리고 단계적으로 구성된 자습서를 통해 자신의 능력치를 한 단계 상승시켜 보자.

- 이 책에서 다루는 내용

·1부 CSS 기초 : CSS3에 맞는 HTML 문서 작성법을 배우고, 새로운 HTML5 태그들을 학습한다.
·2부 CSS 응용 : 텍스트 서식을 마름질하는 방법, 내비게이션 도구를 만드는 방법, 이미지로 더 멋진 페이지를 만드는 방법들을 배운다.
·3부 CSS 페이지 레이아웃 : CSS의 여러 가지 측면 중, 가장 이해하기 까다로우면서도 가장 강력한 기능, 즉 페이지 내의 요소(element) 위치를 조정하는 방법을 배운다.
·4부 고급 CSS : 인쇄해도 멋진 웹 페이지를 만드는 방법, 효율과 효과를 높일 수 있는 CSS 사용 기법들을 다룬다.
·5부 부록 : 본 적 없는 유용한 속성들을 빠르게 배울 수 있는 CSS 속성 일람과 CSS를 다루는데 유용한 자료를 소개한다.

1부 CSS기초
_1장 CSS를 고려한 HTML
__1.1 HTML: 과거와 현재
__1.2 CSS를 고려한 HTML 작성법
__1.3 Doctype의 중요성
__1.4 인터넷 익스플로러 업데이트를 잊지 말자

_2장 스타일과 스타일시트 만들기
__2.1 스타일 해부
__2.2 스타일시트 이해
__2.3 내부 스타일시트
__2.4 외부 스타일시트
__2.5 자습서: 첫 CSS 스타일

_3장 선택자: 스타일을 부여할 요소의 식별
__3.1 태그 선택자: 페이지 단위 스타일링
__3.2 클래스 선택자: 정밀 조준
__3.3 ID 선택자: 특정한 페이지 요소 지정
__3.4 여러 태그에 한 번에 스타일 주기
__3.5 태그 안 태그에 스타일 지정하기
__3.6 가상 클래스(pseudo-class)와 가상 요소(pseudo-element)
__3.7 속성 선택자(attribute selector)
__3.8 자식 선택자(child selector)
__3.9 형제(sibling) 관계
__3.10 :not() 선택자
__3.11 자습서: 선택자 견본을 통한 실습

_4장 스타일 계승을 통한 시간 절약
__4.1 계승이란 무엇인가
__4.2 계승이 어떻게 스타일시트를 날렵하게 바꾸는가
__4.3 계승의 한계
__4.4 자습서: 계승

_5장 하향법칙(cascade):여러 스타일을 관리하는 규칙
__5.1 하향법칙은 어떻게 스타일에 적용되는가
__5.2 특이도(specificity): 어떤 스타일이 이기나
__5.3 하향법칙 제어
__5.4 자습서: 하향법칙의 활용

2부 CSS응용
_6장 텍스트의 서식
__6.1 서체(font)의 사용
__6.2 웹 서체의 사용
__6.3 Google의 웹 서체
__6.4 텍스트의 색상 지정
__6.5 서체 크기 변경
__6.6 단어와 글자의 서식
__6.7 그림자 효과
__6.8 전체 단락에 대한 서식 지정
__6.9 목록 스타일
__6.10 자습서: 텍스트 서식 지정

_7장 바깥 여백, 안 여백 그리고 경계선
__7.1 상자 모델의 이해
__7.2 바깥 여백과 안 여백을 통한 공간 조정
__7.3 경계선(border) 추가
__7.4 배경색 지정
__7.5 원형 모서리(rounded corner) 만들기
__7.6 그림자 효과 추가
__7.7 높이와 폭의 결정
__7.8 부유 요소(floating content)로 내용 감싸기
__7.9 자습서: 여백, 배경, 그리고 경계선

_8장 웹 페이지와 그래픽
__8.1 CSS와 태그
__8.2 배경 이미지 추가
__8.3 이미지 반복 여부 제어
__8.4 배경 이미지 위치 지정
__8.5 배경 관련 단축 속성
__8.6 여러 개의 배경 이미지 동시 사용
__8.7 그라디언트(gradient) 배경
__8.8 Colorzilla를 활용한 손쉬운 그라디언트 생성법
__8.9 자습서: 이미지를 더 멋지게 사용하는 방법
__8.10 자습서: 사진 갤러리 만들기
__8.11 자습서: 배경 이미지의 사용

_9장 깔끔한 사이트 탐색 환경 만들기
__9.1 스타일을 적용할 링크의 선정
__9.2 링크와 스타일
__9.3 내비게이션 바 만들기
__9.4 롤오버 이미지를 미리 로드하는 CSS 기반 기법
__9.5 특정한 유형의 링크에 대한 스타일 만들기
__9.6 자습서: 링크에 대한 스타일 만들기
__9.7 자습서: 내비게이션 바 만들기

_10장 CSS 변환, 전이 그리고 애니메이션
__10.1 변환(transform)
__10.2 전이(transition)
__10.3 애니메이션
__10.4 자습서

_11장 테이블 및 양식 스타일
__11.1 테이블을 올바르게 사용하는 방법
__11.2 테이블과 스타일
__11.3 양식 스타일
__11.4 자습서: 테이블 스타일
__11.5 자습서: 양식 스타일

3부 CSS 페이지 레이아웃
_12장 CSS 레이아웃이란
__12.1 웹 페이지 레이아웃의 종류
__12.2 CSS 레이아웃의 동작 원리
__12.3 레이아웃 전략

_13장 float 기반 레이아웃
__13.1 레이아웃에 float 적용하기
__13.2 float 관련 문제의 해결법
__13.3 자습서: 다단 레이아웃

_14장 반응적 웹 디자인
__14.1 반응적 웹 디자인의 기초
__14.2 RWD에 사용할 웹 페이지 준비
__14.3 미디어 질의
__14.4 유연한 격자
__14.5 유동적 이미지
__14.6 반응적 웹 디자인 자습서

_15장 웹 페이지 요소의 위치
__15.1 위치지정 속성은 어떻게 동작하나
__15.2 강력한 위치지정 전략
__15.3 자습서: 페이지 요소의 위치지정

4부 고급 CSS
_16장 인쇄용 페이지에 맞는 CSS 스타일
__16.1 미디어 스타일시트의 동작 원리
__16.2 미디어 스타일시트의 추가 방법
__16.3인쇄용 스타일시트의 정의
__16.4 자습서: 인쇄용 스타일시트 작성

_17장 나쁜 버릇 고치기
__17.1 주석을 달라
__17.2 스타일과 스타일시트를 정리 정돈하라
__17.3 브라우저 내장 스타일의 간섭현상 해소
__17.4 하위 선택자의 활용
__17.5 IE를 위한 CSS

5부 부록 619
_부록 A. CSS 속성 편람
__A.1 CSS의 값
__A.2 텍스트 속성
__A.3 목록 속성
__A.4 안 여백, 경계선, 그리고 바깥 여백
__A.5 배경
__A.6 페이지 레이아웃
__A.7 애니메이션, 변환 그리고 전이에 관계된 속성
__A.8 테이블 속성
__A.9 기타 속성

_부록B CSS 참고자료
__B.1 참고서
__B.2 도움이 필요하다면
__B.3 CSS 팁, 꼼수, 조언
__B.4 CSS 내비게이션
__B.5 CSS 레이아웃
__B.6 디자인 전시장
__B.7 CSS 서적
__B.8 CSS 소프트웨어