에릭 마이어의 CSS 노하우

지은이 : 에릭 마이어 / 옮긴이 : 한선용

정가 : 22,000원

 

309쪽 / 판형 : 188×240 / 출간일 : 2011년 8월 8일

ISBN-13 : 978-89-6626-008-9

 

 

저자소개

에릭 마이어

1993년부터 웹 관련 일을 해 왔으며 HTMLCSS, 웹 표준 분야에서 세계적으로 인정받는 전문가다. 애플, 어도비, 마이크로소프트 등을 포함한 많은 기업을 고객으로 두고 있는 콤플렉스 스파이럴 컨설팅의 설립자이자 마이크로포맷 진영의 공동 설립자이고, An Event Apart를 제프리 젤드만과 함께 설립했다또한 CSS와 웹 디자인 분야에서 가장 많이 판매된 책 다섯 권을 쓴 저자다.

 

역자소개

한선용

2008년부터 웹 개발을 시작했고, 현재는 웹 표준과 자바스크립트에 관심이 많다. 웹 표준 기술 모임인 클리어보스(http://www.clearboth.org)에서 「HTML5 명세」와 「A List Apart」 「UX Myth」 등의 글을 번역하고 있으며, 옮긴 책으로 『HTML5&CSS3 : 오늘 구현하는 내일의 웹 표준』이 있다.

 

책소개

CSS 최고 전문가 에릭 마이어가 재치 있는 문체로 세련된 레이아웃을 위한 CSS 노하우를 풀어 놓았다. CSS를 이용해 멋진 웹사이트를 만드는 팁, 테크닉, 도구를100가지 가까이 소개한다. 각 항목은 독립적이므로 책의 어디를 펼쳐 읽어도 좋으며, 앞에 있는 중요한 내용을 놓친 건 아닌지 걱정하지 않아도 된다. 이 책은 CSS 기초를 충분히 익힌 상태에서 그 기술을 더 활용하고 싶어 하는 사람들을 위한 책이다. 초보자 수준에 머물러 있는 실력을 한 단계 끌어올리고 싶은 이에게 이 책을 권한다.

 

목차

옮긴이의 글

들어가며

감사의 글

1부 기초

1장 도구

웹 디벨로퍼 툴바

파이어버그

웹 디벨로퍼 툴바

인터넷 익스플로러 디벨로퍼 툴바

드래곤플라이 (오페라)

인스펙터 (사파리, 크롬)

XRAY

셀렉터오라클

분석적 스타일시트

스타일 재부팅

IE9.js

2장 선택자

가상… 뭐라구요?

타깃과 스타일

명시도

무조건 : !important

단축 속성에서 키워드 값을 생략했을 때 무슨 일이 일어나는가

선택적으로 덮어쓰는 단축 속성

전체 선택

ID VS. Class

id와 클래스 함께 쓰기

다중 클래스

단순한 속성 선택

클래스를 속성 선택자에서 사용

ID vs. 속성 선택자

부분 문자열 속성 선택자

부분 문자열 선택자 확장

자식 선택

자식 선택자 흉내내기

형제 선택자

생성된 내용

2CSS의 핵심

3장 팁

유효성 검사!

font 속성 순서 지키기

새치기하는 줄 간격

단위 없는 줄 간격

테두리 스타일을 정할때는 꼭 style 부분을 넣으세요

테두리 색깔로 모양 조절하기

요소의 display 속성 없애기

visibility 속성을 이용해서 숨기기

화면 밖으로 던져버리기

IR 기법

인쇄 스타일

인쇄용 스타일 만들기

링크를 블록으로

마진인가 패딩인가?

목록 내어 쓰기

불릿 넣기

불릿을 배경 이미지로

불릿 생성하기

생각보다 많은 컨테이너가 있습니다

문서 전체의 배경

서버에 따라 다른 CSS

테두리 대신 윤곽선

4장 레이아웃

블록 박스 가운데에 놓기

플로트 방지: 오버플로우

플로트 방지: 플로트

클리어픽싱

인접 요소로 클리어

단순한 2단 구성

단순한 3단 구성

가짜 단

리퀴드 블리치

유일한 레이아웃

성배

유동적인 그리드

em 기반 레이아웃

마이너스 마진

문맥 안에서 위치 지정

컨테이너 뚫고 나오기

고정된 헤더와 푸터

5장 효과

콤플렉스스파이럴

CSS 팝업

CSS 메뉴

박스펀칭

CSS3 이전의 둥근 모서리

CSS3로 만드는 둥근 모서리

CSS 스프라이트

슬라이딩 도어스

슬라이딩 도어스 오려내기

CSS 착시

들쑥날쑥한 플로트

들쑥날쑥한 플로트 개선판

이미지를 박스에 넣기

축소된 이미지

3CSS의 첨단

6장 테이블

머리,,

행 제목

열 중심의 스타일

테이블 지도

테이블 그래프

7(가까운) 미래

HTML5 스타일

HTML5처럼 클래스 주기

미디어 쿼리

비연속인 자식 요소에 스타일 주기

비연속적인 열에 스타일 주기

RGBA

HSL, HSLA

그림자 스타일

다중 배경

2차원 변형

찾아보기