• CSS 완벽 가이드

  • 에릭 마이어 지음
  • 남덕현, 이준, 연홍석, 정태영 옮김

  • 오픈소스 & 웹 시리즈 _ 013
  • ISBN: 9788992939225
  • 28,000원 | 2009년 03월 11일 발행 | 600쪽



작업시간을 단축하고 많은 노력을 들이지 않으면서 복잡한 웹페이지에 스타일을 입힐 수는 없을까?

『CSS 완벽 가이드』는 CSS 2.1의 모든 내용들을 실무에 완벽하게 적용할 수 있도록 포괄적인 내용을 다루고 있다. 이전 버전보다 크게 개선된 마이크로소프트 인터넷 익스플로러 7에 맞추어 콘텐츠의 위치지정, 리스트와 생성된 콘텐츠, 테이블 레이아웃, 유저 인터페이스, 페이지의 미디어 타입 등 많은 내용을 다루고 있다. 저자 에릭 마이어는 각각의 CSS 속성들을 꼼꼼히 살피고, 다른 속성들과 어떻게 작용하는지 잘 설명하고 있다. 실제 업무에서 빈번하게 발생하는 실수들을 피하는 방법뿐 아니라, 깔끔하고 직관적인 스타일을 사용하는 그의 다양한 경험을 통하여 많은 것을 배울 수 있을 것이다. 이 책은 CSS의 모든 것을 담았다.

“이 책을 구입하기 전에 같은 저자가 쓴 6권 정도의 CSS 책을 구입했었다. 다른 책에서는 배울 수 없는 CSS의 새로운 사용법에 깜짝 놀랐다. 각각의 주제들이 상세하게 다루어져 있었다. CSS 레퍼런스로 이 책은 내가 본 책 중 단연 최고다!” - 마이클 하스, 아마존 독자

“이 책은 CSS의 개념과 동작원리에 대해 체계적으로 설명하고 있다. 이 책은 웹페이지의 CSS를 이전에 있던 것보다 더 좋은 방식으로 수정할 수 있도록 많은 도움을 주었다. 만약 레이아웃을 위해 CSS를 이용하고자 한다면 이 책을 읽을 필요가 있다.” - 나단 롱, 아마존 독자

에릭 마이어(Eric A. Meyer)

에릭 마이어는 1993년부터 웹을 주제로 일해왔으며, HTML, CSS, 웹표준 분야에서 세계적으로 잘 알려져 있다. 또, 아메리카 온라인(AOL), 애플 컴퓨터, 웰스 파고 뱅크(Wells Fargo Bank), 매크로미디어 등의 회사를 클라이언트로 가지고 있는 Complex Spiral Consulting의 설립자이기도 하다.

남덕현

SK 커뮤니케이션즈 UI개발팀 표준화 파트에서 근무하고 있다. 싸이월드 통합에디터 UI개발과 IPTV 검색영역 UI개발 업무를 진행했으며, 최근에는 신규 네이트 메인 페이지와 씨름 중이다.

이준

2000년 웹 세상에 입문하였고, 2004년부터 다음커뮤니케이션에서 UI개발을 담당하고 있다. <제프리 젤드만의 웹표준 가이드>(위키북스, 2007)를 번역했다.

연홍석

웹의 가능성을 믿고 늦게 UI개발자의 길을 걷게 되었다. http://blog.wystan.net 블로그를 통해서 CSS 관련 정보를 공유하고 있으며, 현재 NHN에서 근무하고 있다.

정태영

웹표준 커뮤니티 standardmag.org의 운영진으로 활동 중이며, 현재 한양대학교 대학원에서 영상 처리 분야를 연구하고 있다.

  • 이 책에 사용된 표기
  • 속성 규칙
  • 예제소스 사용하기
  •  
  • 01장 CSS와 문서
    • 기품을 잃고 타락한 웹
    • 구원을 위해 등장한 CSS
    • 요소
    • CSS와 XHTML 연결하기
  •  
  • 02장 선택자
    • 기본 규칙들
    • 그룹화
    • class 선택자와 id 선택자
    • 속성 선택자
    • 문서 구조 이용하기
    • 가상 class와 가상 요소
  •  
  • 03장 문서구조와 캐스케이드
    • 구체성
    • 상속
    • 캐스케이드
  •  
  • 04장 값과 단위
    • 숫자
    • 퍼센트
    • 색상
    • 길이 단위
    • URL
    • CSS2 단위
  •  
  • 05장 폰트
    • 폰트 패밀리
    • 폰트 웨이트
    • 폰트 사이즈
    • 스타일과 변형들
    • 늘이기와 맞추기
    • 폰트 속성
    • 폰트 매칭
  •  
  • 06장 텍스트 속성
    • 들여쓰기와 수평 정렬
    • 수직 정렬
    • 어간과 자간
    • 텍스트 변환하기
    • 텍스트 꾸미기
    • 텍스트 그림자 설정
  •  
  • 07장 기본적인 비주얼 서식
    • 기본 박스
    • 블록 레벨 요소
    • 인라인 요소
    • 기본 용어와 개념
    • 요소의 display 전환하기
  •  
  • 08장 패딩, 보더, 마진
    • 기본 요소 박스
    • 마진
    • 보더
    • 패딩
  •  
  • 09장 색상과 배경
    • 색상
    • 전경색
    • 배경
  •  
  • 10장 플로트와 위치지정하기
    • 플로트
    • 위치지정하기
  •  
  • 11장 테이블 레이아웃
    • 테이블의 구성
    • 테이블 셀의 보더
    • 테이블에 크기 지정하기
  •  
  • 12장 리스트와 생성된 콘텐츠
    • 리스트
    • 생성된 콘텐츠
  •  
  • 13장 사용자 인터페이스 스타일
    • 시스템 폰트와 색상
    • 커서
    • 외곽선
  •  
  • 14장 비화면 매체
    • 다중 미디어를 위한 스타일시트 디자인하기
    • 페이지로 나뉜 미디어
    • 청각을 위한 스타일
  •  
  • 부록 A 속성 참조
  • 부록 B 선택자, 가상 클래스, 가상 요소 참조
  • 부록 C HTML 4 스타일시트 예제
  • 124p 주석

    세리프 -> 산 세리프

  • 137p 아래에서 9줄

    이 크기에 대한 75는 11.25픽셀이다 -> 이 크기에 대한 70는 10.5픽셀이다

  • 218p 예제 코드에서

    A paragraph -> 문단입니다

    The next paragraph -> 다음 문단입니다

  • 273p 그림 8-17 아래 문단 2째줄, 3째줄

    strongly emphasized -> 굵게 강조된

    text -> 텍스트

  • 286p CAUTION 둘째줄

    이 후 버전의 인터넷 익스플로러는 -> 인터넷 익스플로러 7 이전 버전의 인터넷 익스플로러는

  • 463p 첫 문단 아래 예제에서

    Quotes -> quotes

예제코드 관련 GitHub 페이지

도서 소개자료

관련 글