본문 바로가기

추천 검색어

실시간 인기 검색어

CSS 마스터 전략 CSS Mastery

에이콘 웹 프로페셔널 시리즈
에이콘출판 · 2014년 07월 31일
가장 최근에 출시된 개정판입니다. 구판보기
0.0 (0개의 리뷰)
평가된 감성태그가
없습니다
  • CSS 마스터 전략 CSS Mastery 대표 이미지
    CSS 마스터 전략 CSS Mastery 대표 이미지
  • A4
    사이즈 비교
    210x297
    CSS 마스터 전략 CSS Mastery 사이즈 비교 188x235
    단위 : mm
무료배송 이벤트 소득공제
10% 31,500 35,000
적립/혜택
1,750P

기본적립

5% 적립 1,750P

추가적립

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 1,750P
  • 리뷰 작성 시, e교환권 추가 최대 300원
배송안내
무료배송
배송비 안내
국내도서/외국도서
도서만 15,000원 이상 구매 시 무료배송
도서+교보Only(교보배송)을 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

교보Only(교보배송)
각각 구매하거나 함께 20,000원 이상 구매 시 무료배송

20,000원 미만 시 2,500원 배송비 부과

해외주문 서양도서/해외주문 일본도서(교보배송)
각각 구매하거나 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

업체배송 상품(전집, GIFT, 음반/DVD 등)
해당 상품 상세페이지 "배송비" 참고 (업체 별/판매자 별 무료배송 기준 다름)
바로드림 오늘배송
업체에서 별도 배송하여 1Box당 배송비 2,500원 부과

1Box 기준 : 도서 10권

그 외 무료배송 기준
바로드림, eBook 상품을 주문한 경우, 플래티넘/골드/실버회원 무료배송쿠폰 이용하여 주문한 경우, 무료배송 등록 상품을 주문한 경우
주문정보를 불러오는 중입니다.
서울시 종로구 종로 1

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

패키지

북카드

키워드 Pick

키워드 Pick 안내

관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.

책 소개

이 책이 속한 분야

[CSS 마스터 전략 CSS Mastery]는 웹을 만들기 위해 필요한 마크업과 CSS를 익힐 수 있도록 구성한 책이다. 기본적인 CSS 개념, 실전 사례를 쉽게 설명하고, 코드 구성 방법, 주석 다는 방법, CSS 포지셔닝 모델, 플로팅과 플로팅 해제 방법 등을 배운다. 기본적인 내용을 익힌 뒤에 이미지, 링크, 리스트 처리나 폼, 데이터 테이블 같은 핵심적인 CSS 기법을 배울 수 있도록 안내한다. 또한, 버그와 버그를 수정하는 방법을 소개하고, 이 책에 나온 기법을 종합해 직접 만든 적용 사례를 설명한다.

작가정보

저자(글) 앤디 버드

저자 앤디 버드(Andy Budd)는 사용자 경험 디자인 컨설팅을 하는 클리어레프트(clearleft.com)의 공동 창업자 중 한 명입니다. 인터랙션 디자인과 사용성 전문가로서 웹 디렉션즈(Web Directions), 이벤트 어파트(An Event Apart), SXSW 등 국제적인 콘퍼런스에서 강사로 활약하고 있습니다. 영국의 인기 있는 디자인 콘퍼런스 중 하나인 디컨스트럭트(dConstruct, dconstruct.org)를 주관하기도 하고 영국에서 가장 처음 사용성, 정보 설계, 사용자 경험에 대해 다룬 디자인 행사인 UX 런던(UX London, unlondon.com)을 책임지고 있습니다. 영국 내에서 초기에 웹 표준을 사용한 전문가 중 한 사람으로 CSS 스펙과 크로스 브라우저 지원 등에 대한 내용의 전문가입니다. 이런 분야의 커뮤니티 활동에도 적극적인 그는 수 차례 국제적인 디자인 관련 어워드의 심사를 했고 현재는 「닷넷(.Net)」 잡지사의 고문 역할을 하고 있습니다. 또 맥에서 사용하는 비싸지 않은 사용성 테스트 도구인 실버백(silverbackapp.com)을 만들 수 있게 추진한 사람 중 하나입니다. 트위터(@andybudd)를 열심히 쓰며 가끔씩 자신의 블로그(andybudd.com)에 글을 씁니다. 열대 해변에서 다이빙하는 것을 가장 좋아해서 PADI 다이빙 교육 자격증을 보유하고 있으며 예전에는 상어 조련사 경험도 있다고 합니다.

저자(글) 캐머론 몰

저자 캐머론 몰(Cameron Moll)은 1990년대부터 기능과 보여지는 모양이 잘 어울리는 의미 있는 웹 인터페이스를 만들어왔습니다. 그가 직접 수행하거나 참여한 작업들은 HOW, Print, Communication Arts과 같은 잡지나 포레스터 리서치(Forrester Research), NPR(National Public Radio) 등 수많은 곳에 소개되었습니다. 각종 컨퍼런스에서 사용자 인터페이스 디자인에 대해서 강의를 하기도 했고 『Mobile Web Design』(mobilewebbook.com)이라는 책을 쓰기도 했습니다. 웹과 크리에이티브 분야에 대한 종사자들과 그들을 채용하려는 회사들이 방문하는 사이트인 오쎈틱 잡스(Authentic Jobs Inc.)의 창업자이자 대표입니다. 또 타이포그래피를 중심으로 한 포스터를 제작하는 캐머론 몰(Cameron Moll LLC)이라는 기업을 소유하고 있고 이곳의 제품은 cameronmall.bigcartel.com에서 구입할 수 있습니다. 이렇게 수많은 일을 하면서도 그는 네 명의 아이들과 같이 공놀이를 즐기는 생활을 합니다.
cameronmoll.com, twitter.com/cameronmoll, flickr.com/photos/authentic, vimeo.com/camero nmall 등 온라인 공간에서 캐머론을 만나볼 수 있습니다.

저자 사이먼 콜리슨(Simon Collison)는 재능 있는 디자이너와 개발자들이 모여 뛰어는 결과물을 만드는 어스킨 디자인(Erskine Design, erskinedesign.com)의 공동 창업자이자 크리에이티브 디렉터입니다. 지난 10년 이상 레코드 회사, 유명 음악 아티스트, 비주얼 아티스트, 각종 기업, 정부관련 등 거의 모든 분야에 걸친 수많은 웹 프로젝트를 수행했습니다. 현재는 유명 잡지사에서부터 극지방 탐험가에 걸치는 다양한 클라이언트와 작업을 하고 있습니다. 오래 전부터 써온 블로그(colly.com) 이외에도 웹과 관련된 이야기는 ErskineLabs(erskinelabs.com)에 적고 있고 베스트 셀러인 『Beginning CSS Web Development』(Apress)의 저자이자 『Web Standards Creativity』의 공동저자이기도 합니다. CSS와 HTML을 가지고 다양한 실험을 하거나 청중 앞에서 그런 주제로 이야기할 때 가장 행복해 합니다. 등산을 좋아해서 영국이나 아이슬란드의 자연을 탐험하는 것을 좋아합니다. 32년 된 차를 운전하며 비어페이스라는 이름의 고양이와 함께 살고 있습니다.

역자 박수만은 명지대학교 컴퓨터공학과 학부와 대학원(소프트웨어 공학 전공)을 졸업했으며, 에이콘 출판사에서 펴낸 『실용예제로 배우는 웹 표준』(2005년), 『CSS 마스터 전략』(2006년), 『방어형 웹사이트 기획』(2008년), 『(개정판) 웹 2.0을 이끄는 방탄웹』(2009년), 『Tagging 태깅』(2011년)을 번역했다. 미투데이와 네이버 밴드 사업을 총괄 기획한 그는 2013년 비트패킹컴퍼니(http://beatpacking.com)를 통해 다시 한 번 창업하고, 새로운 모바일 음악 서비스를 제공하고 있다. 더 자세한 정보는 그의 개인웹사이트(http://sumanpark.com)에서 볼 수 있다.

역자 정유한은 서울대학교 컴퓨터공학과를 졸업하고 정보설계/UX전문가로 여러 기업의 다양한 서비스를 설계하고 있다. 『웹디자인 2.0 고급 CSS』(2008년), 『HTML5 첫걸음』 (2010년), 『The Design of Sites 한국어판』(2011년) 등 기획, 디자인, 개발 여러 영역의 번역을 담당했다.

목차

  • 1장 기초 다지기

    __구조가 탄탄한 코드 만들기
    ____마크업의 역사
    ______의미의 중요성
    ______ID와 클래스 이름 짓기
    ______엘리먼트 이름
    ______ID 또는 클래스 사용
    ______div와 span
    ______마이크로포맷
    ______HTML과 CSS 버전
    ____문서 유형, DOCTYPE 전환, 브라우저 모드
    ____유효성 검사
    ______브라우저 모드
    ______DOCTYPE 전환
    __요약

    2장 스타일을 꾸밀 대상 선택하기

    __선택자 활용 기초
    ______유사 클래스 선택자
    __전체 선택자
    __고급 선택자
    ______자식 선택자, 인접 형제 선택자
    ______속성 선택자
    __캐스케이드 효과와 적용 순서
    ______지정 순위
    ______스타일시트에서 지정 순위 활용하기
    ______body 태그에 클래스나 ID 지정하기
    ______스타일시트를 계획 구성 관리하는 방법
    __문서에 스타일 적용하기
    ______구조 표시를 위한 주석
    ______작업 기록을 위한 주석
    ______주석을 제거하고 스타일시트 최적화하기
    __스타일 가이드
    __요약

    3장 화면 표시를 위한 모델 완벽 정리

    __박스 모델 완벽 정리
    ______인터넷 익스플로러의 박스 모델
    ______마진 겹침 현상
    __포지셔닝 완벽 정리
    ______화면 표시 모델
    ______상대 위치
    ______절대 위치
    ______고정 위치
    ______플로팅
    __라인 박스와 플로트 해제 방법
    __요약

    4장 배경 이미지와 이미지 대치 기법

    __배경 이미지 기초 다지기
    ______고정폭 둥근 모서리 상자
    __둥근 모서리 상자 모양 만들기
    ______유동폭 둥근 모서리 상자
    ______마운틴탑 코너
    ______복수 배경 이미지
    ______border-radius
    ______border-image
    __그림자 효과
    ______간단한 그림자 효과 내기
    ______Clagnut 스타일 그림자 효과
    ______Box-shadow
    ______CSS 투명도
    __투명도
    ______RGBa
    ______PNG 투명도
    ______시점차를 활용한 움직이는 배경 기법
    __이미지 대치 기법
    ______FIR 방법
    ______파크 방법
    ______sIFR 방법
    __요약

    5장 링크 모양 꾸미기

    __링크 스타일 기초
    __밑줄 치며 놀기
    ______기본 링크 꾸미기
    ______예쁜 링크 밑줄 만들기
    __방문했던 링크 스타일
    __링크 대상에 스타일 입히기
    __링크 유형별로 스타일 지정하기
    ______문서나 뉴스 피드 다운로드용 링크 꾸미기
    __버튼처럼 보이는 링크
    ______롤오버 기초
    ______이미지를 사용한 롤오버 효과
    ______픽시 방법을 이용한 롤오버 효과
    ______CSS 스프라이트
    ______CSS3를 사용한 롤오버
    __CSS로만 만드는 툴팁
    __요약

    6장 리스트 스타일과 내비게이션

    __리스트 스타일 기초
    __세로형 내비게이션바 만들기
    __내비게이션바에서 현재 페이지 표시하기
    __단순한 가로형 내비게이션바
    __이미지를 사용한 내비게이션바
    __슬라이딩 도어 효과의 탭 내비게이션바 만들기
    __CSS 드롭다운
    __CSS 이미지맵 만들기
    ______플리커 스타일의 이미지맵 만들기
    __리모트 롤오버 만들기
    __정의 리스트
    __요약

    7장 접근성 높은 폼과 테이블 만들기

    __데이터 테이블 스타일 꾸미기
    ______테이블 관련 엘리먼트 소개
    ________써머리와 캡션
    ________thead, tbody, tfoot
    ________col, colgroup
    ______데이터 테이블 마크업 만들기
    ______테이블 스타일 꾸미기
    ______화면 모양 만들기
    __간단한 폼 레이아웃 만들기
    ______유용한 폼 엘리먼트
    ______폼 레이블
    ______기본 레이아웃
    ______기타 엘리먼트 처리 방법
    ______장식 마무리
    ______필수 입력 항목
    __복잡한 폼 레이아웃 만들기
    ______접근성을 고려한 데이터 입력 방식
    ______다단 레이아웃의 체크 박스
    ______서브밋 버튼
    ______폼 에러 메시지 만들기
    __요약

    8장 레이아웃

    __레이아웃 계획 수립
    __기반 구조 정의
    ______가운데 레이아웃 만들기
    __플로트 기반의 레이아웃
    ______플로트를 이용한 2단 레이아웃
    ______플로트를 이용한 3단 레이아웃
    __고정 레이아웃, 유동 레이아웃
    ______화면 비례형 레이아웃
    ______글자 비례형 레이아웃
    ______글자와 화면 크기에 따라 늘어나는 이미지
    __가짜 단 모양 만들기
    __동일 높이 다단 구조
    __CSS3 컬럼
    __CSS 프레임워크 vs CSS 시스템
    __요약

    9장 브라우저 버그 해결하기

    __흔히 발생하는 CSS 문제
    ______버그 잡기
    ______지정 순위와 정렬 방법 오류
    ______마진 겹침 현상
    ______버그 잡기 기초
    ______처음부터 버그 만들지 않기
    ______문제 분리하기
    ______테스트 범위 최소화하기
    ______증상이 아닌 문제 원인 바로 잡기
    ______도움 요청
    __레이아웃
    ______레이아웃이란
    ______레이아웃 때문에 생기는 효과
    __문제 해결
    ______인터넷 익스플로러 조건 주석문
    ______핵과 필터 사용에 대한 경고
    ______핵 사용 시 유의점
    ______밴드 패스 필터
    ______별표 HTML 필터
    ______자식 선택자 핵
    ______더블 마진 플로트 버그
    __흔히 발생하는 버그 해결 방법
    ______텍스트 주변에 3픽셀 공간 표시 버그
    ______IE 6의 문자 중복 표시 버그
    ______IE 6의 피커부 버그
    ______상대 좌표 컨테이너에서 절대 좌표 지정
    ______인터넷 익스플로러 관련 이야기
    __단계적 브라우저 지원
    __요약

    10장 케이스 스터디: 로마 이탈리아

    __케이스 스터디 개요
    __기반 구조
    ______HTML5 미리 보기
    ______reset.css
    __1080 레이아웃과 그리드
    ______웹 디자인과 그리드
    __고급 CSS2와 CSS3 기능들
    ______Dowebsitesneedtolookexactlythesameineverybrowser.com
    ______속성 선택자
    ______Box-shadow, RGBa, text-overflow
    ______1999년식 font-size 지정
    __폰트 연결과 더 나은 웹 타이포그래피
    ______꾸밈 구두점
    ______다단 구조 텍스트 레이아웃
    ______@font-face
    ______Cufon, @font-face로의 중간 과정
    __AJAX와 jQuery를 사용한 인터랙션
    ______AJAX
    ______jQuery
    ______AJAX와 jQuery 검색 사용
    __요약

    11장 케이스 스터디: 클라임 더 마운틴스

    __케이스 스터디 개요
    __스타일시트 구성 및 규칙
    ______제일 많이 사용하는 screen.css
    ______설명 붙이기
    ______초기화
    ______조건 주석을 사용한 인터넷 익스플로러용 스타일시트
    __자유로운 그리드 사용
    ______예제 사이트의 레이아웃
    __클래스를 사용한 내비게이션
    ______현재 페이지 하이라이트
    ______인용구 표시
    __엘리먼트 타깃팅
    ______하위 선택자
    ______:first-child 의사 선택자
    ______인접 형제 선택자
    __투명도, 그림자, 둥근 모서리
    ______목표
    ______설명 이미지 겹침 표현 및 RGBa 투명도
    ______클래스 결합
    ______border-radius
    ______box-shadow
    __목록 위치/구성 및 콘텐트 표현
    ______동근 모서리
    ______등고선 차트 표현
    __요약

출판사 서평

★ 요약 ★

웹을 만들기 위해서는 뼈대가 되는 마크업과 표현을 하는 CSS를 이해하고 제대로 사용할 줄 알아야 한다. 모바일 시대로 넘어가면서 웹을 점점 덜 사용한다고 생각할 수도 있지만, 모바일 시대에서 웹킷(webkit) 기반의 브라우저 환경은 CSS를 사용한 다양한 표현을 하기 더 좋은 환경이 되었다. 모바일 웹이든 PC웹이든 웹을 제대로 만들기 위해 필요한 마크업과 CSS은 이 책을 통해 제대로 익힐 수 있다.

★ 이 책에서 다루는 내용 ★
이 책은 기본적인 HTML과 CSS를 알고 있다면 누구에게나 도움이 될 수 있습니다. CSS 디자인에 이제 막 발을 들여놓았는지, CSS 사이트 개발 경력이 몇 년인지에 관계 없이 이 책이 도움이 될 것입니다. CSS 개발 경험이 있다면 대부분 내용을 이해할 수 있을 것입니다. 하지만 독자가 아직 전문가는 아니라고 가정하고 진행합니다. 이 책은 실용적이고 실제 경험에서 비롯된 조언과 예제를 정리하고 있어서 최신 CSS 디자인을 마스터할 수 있게 도울 것입니다.

★ 이 책의 구성 ★
먼저 기본적인 CSS 개념, 실전 사례를 쉽게 설명하는 것에서 시작합니다. 코드 구성 방법과 주석 다는 방법, CSS 포지셔닝 모델, 플로팅과 플로팅 해제 방법 등을 배울 것입니다. 이런 내용을 이미 알고 있을지 모르겠습니다. 하지만 이 내용을 통해 새롭게 알게 되거나 그동안 잘못 알고 있었던 내용을 발견할 것입니다. 따라서 첫 3개의 장은 CSS 기본에 대한 핵심 정리이기도 하면서, 이미 알고 있었던 내용을 다시 한 번 상기하는 역할도 해줄 것입니다.
이렇게 기본기를 갖춘 후에 나오는 5개의 장은, 이미지, 링크, 리스트 처리나 폼, 데이터 테이블 같은 핵심적인 CSS 기법을 다룹니다. 각 장은 간단한 설명으로 시작해서 점점 더 복잡한 예제를 발전시켜 나갑니다. 이 부분에서는 모서리가 둥근 상자를 만드는 방법, 투명 그림자 효과 사용 방법, 탭형 내비게이션바를 만드는 방법, 플리커 스타일의 이미지맵 만드는 방법 등을 예제로 설명합니다. 예제 코드는 웹 사이트(www.cssmastery.com나 www.acornpub.co.kr/book/css-mastery-2e)에서 다운로드할 수 있습니다.
브라우저 버그 때문에 CSS 개발자들이 많은 고생을 합니다. 그렇기 때문에 이 책의 예제들에서는 여러 브라우저에서 잘 동작할 수 있게 하는 기법에도 신경을 썼습니다. 뿐만 아니라 하나의 장을 할애해서 버그와 버그를 수정하는 방법에 대해서도 다룹니다. 그 장에서는 버그를 발견할 수 있는 기술과 고칠 수 있는 방법을 알아봅니다. 또 마이크로소프트 인터넷 익스플로러에서 CSS 버그가 나타나는 이유에 대해서도 배울 것입니다.
마지막 두 개의 장에서는 유명한 CSS 디자이너인 사이먼 콜리슨과 캐머론 몰이 이 책에 나온 기법을 종합해 직접 만든 환상적인 적용 사례를 설명합니다. 따라서 각 기법의 동작 방식뿐만 아니라 실제 웹 프로젝트에서 활용하는 방법에 대해 배우게 될 것입니다.

이 책은 처음부터 시작해서 차례대로 읽어도 되고, 컴퓨터 옆에 놔두고 필요할 때마다 팁이나 기법을 찾아보는 방식으로 활용하셔도 됩니다. 원하는 대로 활용하세요.

★ 추천의 글 ★

웹 디자인의 세계는 놀랍습니다. 똑같은 모양을 만들기 위한 방법이 어림잡아 3,647가지나 됩니다. 그나마도 새로운 방법이 계속 나오고 있어서 이 숫자도 정확하지는 않습니다. 특정 문제를 바로잡는 방법은 한 가지가 아니라 여러 웹 디자이너들이 발견한 수많은 방법들을 이용할 수 있습니다. 이런 방법들을 선택할 수 있기에 웹 디자인은 재미있고 흥미로운 동시에, 너무나 많은 정보 때문에 정신이 없기도 하죠. 이 책은 지나치게 많은 정보에 파묻힌 사람들에게 확실한 안내를 해줄 것입니다.
앤디 버드는 지난 몇 년간 웹 표준 디자인을 위한 많은 글과 디자인을 발표했습니다. 명확하고도 쉽게 따라 해볼 수 있는 핵심적인 CSS 기법의 설명이 녹아 있는 이런 책을 접할 수 있다는 건 정말 행운입니다. 우리 같은 웹 전문가에게는 없어서는 안될 모든 해법과 팁을 한눈에 볼 수 있게 이 책에 정리해 놓았습니다.

저는 항상 목표를 달성하기 위해 한 가지 방법만을 추천하는 식의 책들을 그리 좋게 보지 않았습니다. 앤디 버드는 그런 방식과 완전히 반대의 접근 방법으로 다양한 방식을 설명합니다. 예를 들어 링크 스타일을 꾸민다든지, 탭 내비게이션을 만든다든지 할 때 여러 가지 방법이 있다고 설명하고 CSS3 방식으로 빠르게 해결할 수 있는 방법을 사용하거나 레이아웃을 만들 때도 고정형(fixed), 화면 비례형(fluid), 글자 비례형(elastic)의 여러 가지 방법을 사용합니다. 또 CSS를 사용해서 디자인할 때 부딪힐 수 있는 각종 브라우저 버그를 해결하는 방법에 대한 도움도 설명합니다. 동일한 일반적인 엘리먼트라도 다양한 방법과 기법들을 사용할 수 있게 되면 필요한 곳에 가장 적당하다고 생각하는 방식을 도입할 수 있을 것입니다.

이뿐만 아니라, 디자이너 두 명의 도움을 받아 이 책에서 설명한 기법을 종합해서 사이트를 만드는 방법까지 다루었습니다. 저는 오래 전부터 캐머론과 사이먼 작업의 팬이었습니다. 이 두 사람이 만든 적용 사례를 통해 유동적이고 방탄웹적인 유연한 스타일 해법을 볼 수 있다는 건 정말 대단한 혜택이 아닐 수 없습니다.
자, 그럼 여러분 스스로 3,647가지 방법을 직접 실행해보면서 CSS를 마스터하시기 바랍니다.
- 댄 씨더홈(Dan Cederholm) / 『(개정판) 웹 2.0을 이끄는 방탄웹』, 『Web Standards Solution Special Edition 한국어판』 저자

★ 저자 서문 ★
CSS 관련 자료가 수없이 많이 나오고 있습니다. 그럼에도 불구하고 CSS 관련 게시판에는 이런 질문이 계속 반복됩니다. “가운데 정렬하는 레이아웃은 어떻게 만드나요?”, “모서리가 둥근 상자를 만드는 가장 좋은 방법이 뭔가요?”, “3단 레이아웃 만드는 방법을 알려주세요.”
CSS 디자인 관련 커뮤니티 활동을 하고 있다면 특정 기사나 기법이 소개된 웹 사이트들을 기억하고 있을 것입니다. 하지만 CSS를 처음 접했거나 모든 웹 사이트를 다 읽을 만한 시간이 없다면 이런 정보를 다 따라 잡기란 쉽지 않습니다.
CSS 관련 기술을 익힌 사람의 경우에도 위치 지정 모델이나 지정 순위 같은 문제를 확실하게 이해하지 못해서 문제에 봉착할 수 있습니다. 대부분의 CSS 작업자들이 전체 스펙을 완전히 소화하지 못한 상태에서 독학으로 다른 사람이 쓴 글이나 코드를 보고 하나씩 기술을 익혔기 때문입니다. 또한 CSS 명세서는 너무 복잡해서 웹 개발자가 아니라 웹 브라우저 개발자를 위해 작성된 것 같습니다.

그리고 브라우저마다의 특성을 고려해야 한다는 점이 있습니다. 브라우저 버그와 비일관성은 CSS 작업자에게 가장 큰 골칫거리입니다. 불행하게도 대부분의 이런 버그들은 문서화가 잘 되어 있지 않고 해결 방법도 몇몇 사람만 알고 있습니다. 특정 방법을 사용하지 않으면 브라우저에 따라 다른 결과가 나올 수 있습니다. 해결했다 하더라도 어떤 브라우저에서 어떤 문제가 발생했는지 일일이 기억할 수도 없습니다.

바로 이런 이유 때문에 이 책을 쓰게 됐습니다. 가장 유용한 CSS 기법을 한번에 정리하면서 실제 환경에서 발생할 수 있는 브라우저 관련 이슈를 다뤄 CSS 관련 지식 수준을 한 단계 올릴 수 있게 하기 위해서 말입니다. 이 책을 통해 CSS 전문가다운 코드를 작성할 수 있는 기법을 알려드리고자 합니다.

★ 옮긴이의 말 ★

이 책의 번역본 초판이 나왔을 때는 웹표준을 새롭게 개척해야 하는 분야라고 인식하는 시기였습니다. 새로운 개념에 대해서 이해하고 연구하면서 표준에 맞는 웹, 접근성 좋은 웹을 만드는 방법에 대해서 서로 공부를 하던 시기였습니다. 또 브라우저별로 다른 환경안에서 웹표준에 맞춘 마크업 및 CSS를 적용하는 데 있어 많은 사람들이 고생을 했습니다.

하지만 시간이 많이 흘러 이제 브라우저의 처리 방식도 서로 비슷해지면서 그리고 모두가 점점 표준에 맞는 마크업 및 CSS를 적용했고, 이제는 당연히 표준에 맞는 마크업과 CSS가 업계 표준이 되었습니다. 그리고 사람들이 날마다 사용하는 브라우저도 시간이 지나면서 점점 최신 브라우저로 업그레이드 되면서 환경도 더 좋아졌습니다. 또 모바일의 사용이 많아지면서 모바일 환경에서는 거의 대부분의 기기가 웹킷(webkit) 기반의 유사한 수준의 브라우저를 사용하기 때문에 앞으로도 웹을 제대로 표현하기 위한 마크업과 CSS 활용에 있어서 더 좋은 환경이 되고 있습니다.

이 책의 번역 작업을 마치고 실제 개정판이 나오기까지 시간 차이가 있고 그간 환경 변화도 있었지만, 이 책의 내용은 유효하고 앞으로도 계속 그럴 것입니다. 웹이라는 기반을 통해서 서비스를 제공하고 콘텐트를 공유하는 한 말이죠. 그뿐 아니라 정보 단위를 제대로 구성하기 위한 마크업의 구조, 계층적인 표현을 잘 하기 위한 CSS의 개념은 기술의 변화와 상관없이 정보를 표현하는 본질이 바뀌지 않는 한 환경과 상관없이 기본으로 익혀야 하는 중요한 개념입니다.

기본정보

상품정보
ISBN 9788960775855
발행(출시)일자 2014년 07월 31일
쪽수 488쪽
크기
188 * 235 * 3 mm / 80 g
총권수 1권
시리즈명
에이콘 웹 프로페셔널 시리즈
원서명/저자명 CSS Mastery: Advanced Web Standards Solutions (Second Edition)/Andy Budd
이 책의 개정정보
가장 최근에 출시된 개정판입니다. 구판보기

Klover

Klover 리뷰 안내
교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1.리워드 안내
구매 후 90일 이내에 평점과 10자 이상의 리뷰 작성 시 e교환권 200원을 적립해 드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다.
리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 리뷰 종류별로 구매한 아이디당 한 상품에 최초 1회 작성 건들에 대해서만 제공됩니다.
판매가 1,000원 미만 도서의 경우 리워드 지급 대상에서 제외됩니다.
한달 후 리뷰
구매 후 30일~ 120일 이내에 작성된 두 번째 구매리뷰에 대해 한 달 후 리뷰로 인지하고 e교환권 100원을 추가 제공합니다.

* 강연, 공연, 여행, 동영상, 사은품, 기프트카드 상품은 지급 제외
2.운영 원칙 안내
Klover 리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다.
일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

리뷰는 1인이 중복으로 작성하실 수는 있지만, 평점계산은 가장 최근에 남긴 1건의 리뷰만 반영됩니다.
3.신고하기
다른 고객이 작성리뷰에 대해 불쾌함을 느끼는 경우 신고를 할 수 있으며, 신고 자가 일정수준 이상 누적되면 작성하신 리뷰가 노출되지 않을 수 있습니다.

구매 후 리뷰 작성 시, e교환권 200원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는 교보문고의 새로운 서비스입니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요“ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보 없이 삭제될 수 있습니다.
리워드 안내
구매 후 90일 이내에 문장수집 작성 시 e교환권 100원을 적립해드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.

구매 후 리뷰 작성 시, e교환권 100원 적립

이 책의 첫 기록을 남겨주세요

교환/반품/품절 안내

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

이벤트
TOP

저자 모두보기

매장별 재고 및 도서위치

할인쿠폰 다운로드

  • 쿠폰은 주문결제화면에서 사용 가능합니다.
  • 다운로드한 쿠폰은 마이 > 나의 통장 에서 확인 가능합니다.
  • 도서정가제 적용 대상 상품에 대해서는 정가의 10%까지 쿠폰 할인이 가능합니다.
  • 도서정가제 적용 대상 상품에 10% 할인이 되었다면, 해당 상품에는 사용하실 수
    없습니다.

적립예정포인트 안내

  • 통합포인트 안내

    • 통합포인트는 교보문고(인터넷, 매장), 핫트랙스(인터넷, 매장), 모바일 교보문고 등 다양한 곳에서 사용하실 수 있습니다.
    • 상품 주문 시, 해당 상품의 적립률에 따라 적립 예정 포인트가 자동 합산되고 주문하신 상품이 발송완료 된 후에 자동으로 적립됩니다.
    • 단, 쿠폰 및 마일리지, 통합포인트, e교환권 사용 시 적립 예정 통합포인트가 변동될 수 있으며 주문취소나 반품시에는 적립된 통합포인트가 다시 차감됩니다.
  • 통합포인트 적립 안내

    • 통합포인트는 도서정가제 범위 내에서 적용됩니다.
    • 추가적립 및 회원 혜택은 도서정가제 대상상품(국내도서, eBook등)으로만 주문시는 해당되지 않습니다.
  • 기본적립) 상품별 적립금액

    • 온라인교보문고에서 상품 구매시 상품의 적립률에 따라 적립됩니다.
    • 단 도서정가제 적용 대상인 국내도서,eBook은 15%내에서 할인율을 제외한 금액내로 적립됩니다.
  • 추가적립) 5만원 이상 구매시 통합포인트 2천원 추가적립

    • 5만원 이상 구매시 통합포인트 2천원 적립됩니다.
    • 도서정가제 예외상품(외서,음반,DVD,잡지(일부),기프트) 2천원 이상 포함시 적립 가능합니다.
    • 주문하신 상품이 전체 품절인 경우 적립되지 않습니다.
  • 회원혜택) 3만원이상 구매시 회원등급별 2~4% 추가적립

    • 회원등급이 플래티넘, 골드, 실버 등급의 경우 추가적립 됩니다.
    • 추가적립은 실결제액 기준(쿠폰 및 마일리지, 통합포인트, e교환권 사용액 제외) 3만원 이상일 경우 적립됩니다.
    • 주문 후 취소,반품분의 통합포인트는 단품별로 회수되며, 반품으로 인해 결제잔액이 3만원 미만으로 변경될 경우 추가 통합포인트는 전액 회수될 수 있습니다.

제휴 포인트 안내

제휴 포인트 사용

  • OK CASHBAG 10원 단위사용 (사용금액 제한없음)
  • GS&POINT 최대 10만 원 사용
더보기

구매방법 별 배송안내

지역별 도착 예정일

수도권 지역

배송 일정 안내 테이블로 결제 완료 시간, 도착예정일 결제 완료 시간 컬럼의 하위로 평일 0시 ~ 12시 토요일 0시 ~ 11시 평일 12시 ~ 22시 평일 12시 ~ 24시 토요일 11시 ~ 21시 을(를) 나타낸 표입니다.
결제 완료 시간 도착예정일
평일 0시 ~ 12시

토요일 0시 ~ 11시
당일배송 오늘

당일배송 오늘
평일 12시 ~ 22시

평일 12시 ~ 24시

토요일 11시 ~ 21시
새벽배송 내일 07시 이전

내일

일요배송 일요일

수도권 외 (천안, 대전, 울산, 부산, 대구, 창원)

배송 일정 안내 테이블로 결제 완료 시간, 도착예정일 결제 완료 시간 컬럼의 하위로 월~토 0시 ~ 11시 30분 을(를) 나타낸 표입니다.
결제 완료 시간 도착예정일
월~토 0시 ~ 11시 30분
당일배송 오늘

배송 유의사항

  • 새벽배송과 일요배송은 수도권 일부 지역을 대상으로 합니다. 상품 상세페이지에서 도착 예정일을 확인해 주세요.
  • 수도권 외 지역에서 선물포장하기 또는 사은품을 포함하여 주문할 경우 당일배송 불가합니다.
  • 무통장입금 주문 후 당일 배송 가능 시간 이후 입금된 경우 당일 배송 불가합니다.
  • 새벽배송의 경우 공동 현관 출입 번호가 누락 되었거나 틀릴 경우 요청하신 방법으로 출입이 어려워, 부득이하게 공동 현관 또는 경비실 앞에 배송 될 수 있습니다.
  • 학교, 관공서, 회사 등 출입 제한 시간이 있는 곳은 당일배송, 새벽배송, 일요배송이 제공되지 않을 수 있습니다.
  • 공휴일과 겹친 토요일, 일요일은 일요일 배송에서 제외됩니다. 일요배송은 한정 수량에 한해 제공됩니다. 수량 초과 시 일반배송으로 발송되니 주문 시 도착 예정일을 확인해 주세요.
  • 주문 후 배송지 변경 시 변경된 배송지에 따라 익일 배송될 수 있습니다.
  • 수도권 외 지역의 경우 효율적인 배송을 위해 각 지역 매장에서 택배를 발송하므로, 주문 시의 부록과 상이할 수 있습니다.
  • 각 지역 매장에서 재고 부족 시 재고 확보를 위해 당일 배송이 불가할 수 있습니다.
  • 기상악화로 인한 도로 사정으로 일부 지역의 배송 지연이 발생될 수 있습니다.
  • 출고 예정일이 5일 이상인 상품의 경우(결제일로부터 7일 동안 미입고), 출판사 / 유통사 사정으로 품/절판 되어 구입이 어려울 수 있습니다. 이 경우 SMS, 메일로 알려드립니다.
  • 분철상품 주문 시 분철 작업으로 인해 기존 도착 예정일에 2일 정도 추가되며, 당일 배송, 해외 배송이 불가합니다.
  • 해외주문도서는 해외 거래처 사정에 의해 품절/지연될 수 있습니다.
  • 스페셜오더 도서나 일서 해외 주문 도서와 함께 주문 시 배송일이 이에 맞추어 지연되오니, 이점 유의해 주시기 바랍니다.

바로드림존에서 받기

  1. STEP 01
    매장 선택 후 바로드림 주문
  2. STEP 02
    준비완료 알림 시 매장 방문하기
  3. STEP 03
    바로드림존에서 주문상품 받기
  • 바로드림은 전국 교보문고 매장 및 교내서점에서 이용 가능합니다.
  • 잡지 및 일부 도서는 바로드림 이용이 불가합니다.
  • 각 매장 운영시간에 따라 바로드림 이용 시간이 달라질 수 있습니다.

수령 안내

  • 안내되는 재고수량은 서비스 운영 목적에 따라 상이할 수 있으므로 해당 매장에 문의해주시기 바랍니다.
  • 바로드림 주문 후 재고가 실시간 변동되어, 수령 예상 시간에 수령이 어려울 수 있습니다.

취소/교환/반품 안내

  • 주문 후 7일간 찾아가지 않으시면, 자동으로 결제가 취소됩니다.
  • 취소된 금액은 결제수단의 승인취소 및 예치금으로 전환됩니다.
  • 교환/반품은 수령하신 매장에서만 가능합니다.

사은품 관련 안내

  • 바로드림 서비스는 일부 1+1 도서, 경품, 사은품 등이 포함 되지 않습니다.

음반/DVD 바로드림시 유의사항

  • 음반/DVD 상품은 바로드림 주문 후 수령점 변경이 불가합니다. 주문 전 수령점을 꼭 확인해 주세요.
  • 사은품(포스터,엽서 등)은 증정되지 않습니다.
  • 커버이미지 랜덤발매 음반은 버전 선택이 불가합니다.
  • 광화문점,강남점,대구점,영등포점,잠실점은 [직접 찾아 바로드림존 가기], [바로드림존에서 받기] 로 주문시 음반 코너에서 수령확인이 가능합니다
  • 선물 받는 분의 휴대폰번호만 입력하신 후 결제하시면 받는 분 휴대폰으로 선물번호가 전달됩니다.
  • 문자를 받은 분께서는 마이 > 주문관리 > 모바일 선물내역 화면에서 선물번호와 배송지 정보를 입력하시면 선물주문이 완료되어 상품준비 및 배송이 진행됩니다.
  • 선물하기 결제하신 후 14일까지 받는 분이 선물번호를 등록하지 않으실 경우 주문은 자동취소 됩니다.
  • 또한 배송 전 상품이 품절 / 절판 될 경우 주문은 자동취소 됩니다.

바로드림 서비스 안내

  1. STEP 01
    매장 선택 후 바로드림 주문
  2. STEP 02
    준비완료 알림 시 매장 방문하기
  3. STEP 03
    바로드림존에서 주문상품 받기
  • 바로드림은 전국 교보문고 매장 및 교내서점에서 이용 가능합니다.
  • 잡지 및 일부 도서는 바로드림 이용이 불가합니다.
  • 각 매장 운영시간에 따라 바로드림 이용 시간이 달라질 수 있습니다.

수령 안내

  • 안내되는 재고수량은 서비스 운영 목적에 따라 상이할 수 있으므로 해당 매장에 문의해주시기 바랍니다.
  • 바로드림 주문 후 재고가 실시간 변동되어, 수령 예상시간에 수령이 어려울 수 있습니다.

취소/교환/반품 안내

  • 주문 후 7일간 찾아가지 않으시면, 자동으로 결제가 취소됩니다.
  • 취소된 금액은 결제수단의 승인취소 및 예치금으로 전환됩니다.
  • 교환/반품은 수령하신 매장에서만 가능합니다.

사은품 관련 안내

  • 바로드림 서비스는 일부 1+1 도서, 경품, 사은품 등이 포함되지 않습니다.

음반/DVD 바로드림시 유의사항

  • 음반/DVD 상품은 바로드림 주문 후 수령점 변경이 불가합니다. 주문 전 수령점을 꼭 확인해주세요.
  • 사은품(포스터,엽서 등)은 증정되지 않습니다.
  • 커버이미지 랜덤발매 음반은 버전 선택이 불가합니다.
  • 광화문점,강남점,대구점,영등포점,잠실점은 [직접 찾아 바로드림존 가기], [바로드림존에서 받기] 로 주문시 음반코너에서 수령확인이 가능합니다.
  1. STEP 01
    픽업박스에서 찾기 주문
  2. STEP 02
    도서준비완료 후 휴대폰으로 인증번호 전송
  3. STEP 03
    매장 방문하여 픽업박스에서 인증번호 입력 후 도서 픽업
  • 바로드림은 전국 교보문고 매장 및 교내서점에서 이용 가능합니다.
  • 잡지 및 일부 도서는 바로드림 이용이 불가합니다.
  • 각 매장 운영시간에 따라 바로드림 이용 시간이 달라질 수 있습니다.

수령 안내

  • 안내되는 재고수량은 서비스 운영 목적에 따라 상이할 수 있으므로 해당 매장에 문의해주시기 바랍니다.
  • 바로드림 주문 후 재고가 실시간 변동되어, 수령 예상시간에 수령이 어려울 수 있습니다.

취소/교환/반품 안내

  • 주문 후 7일간 찾아가지 않으시면, 자동으로 결제가 취소됩니다.
  • 취소된 금액은 결제수단의 승인취소 및 예치금으로 전환됩니다.
  • 교환/반품은 수령하신 매장에서만 가능합니다.

사은품 관련 안내

  • 바로드림 서비스는 일부 1+1 도서, 경품, 사은품 등이 포함되지 않습니다.

음반/DVD 바로드림시 유의사항

  • 음반/DVD 상품은 바로드림 주문 후 수령점 변경이 불가합니다. 주문 전 수령점을 꼭 확인해주세요.
  • 사은품(포스터,엽서 등)은 증정되지 않습니다.
  • 커버이미지 랜덤발매 음반은 버전 선택이 불가합니다.
  • 광화문점,강남점,대구점,영등포점,잠실점은 [직접 찾아 바로드림존 가기], [바로드림존에서 받기] 로 주문시 음반코너에서 수령확인이 가능합니다.

도서 소득공제 안내

  • 도서 소득공제란?

    • 2018년 7월 1일 부터 근로소득자가 신용카드 등으로 도서구입 및 공연을 관람하기 위해 사용한 금액이 추가 공제됩니다. (추가 공제한도 100만원까지 인정)
      • 총 급여 7,000만 원 이하 근로소득자 중 신용카드, 직불카드 등 사용액이 총급여의 25%가 넘는 사람에게 적용
      • 현재 ‘신용카드 등 사용금액’의 소득 공제한도는 300만 원이고 신용카드사용액의 공제율은 15%이지만, 도서·공연 사용분은 추가로 100만 원의 소득 공제한도가 인정되고 공제율은 30%로 적용
      • 시행시기 이후 도서·공연 사용액에 대해서는 “2018년 귀속 근로소득 연말 정산”시기(19.1.15~)에 국세청 홈택스 연말정산간소화 서비스 제공
  • 도서 소득공제 대상

    • 도서(내서,외서,해외주문도서), eBook(구매)
    • 도서 소득공제 대상 상품에 수반되는 국내 배송비 (해외 배송비 제외)
      • 제외상품 : 잡지 등 정기 간행물, 음반, DVD, 기프트, eBook(대여,학술논문), 사은품, 선물포장, 책 그리고 꽃
      • 상품정보의 “소득공제” 표기를 참고하시기 바랍니다.
  • 도서 소득공제 가능 결제수단

    • 카드결제 : 신용카드(개인카드에 한함)
    • 현금결제 : 예치금, 교보e캐시(충전에한함), 해피머니상품권, 컬쳐캐쉬, 기프트 카드, 실시간계좌이체, 온라인입금
    • 간편결제 : 교보페이, 네이버페이, 삼성페이, 카카오페이, PAYCO, 토스, CHAI
      • 현금결제는 현금영수증을 개인소득공제용으로 신청 시에만 도서 소득공제 됩니다.
      • 교보e캐시 도서 소득공제 금액은 교보eBook > e캐시 > 충전/사용내역에서 확인 가능합니다.
      • SKpay, 휴대폰 결제, 교보캐시는 도서 소득공제 불가
  • 부분 취소 안내

    • 대상상품+제외상품을 주문하여 신용카드 "2회 결제하기"를 선택 한 경우, 부분취소/반품 시 예치금으로 환원됩니다.

      신용카드 결제 후 예치금으로 환원 된 경우 승인취소 되지 않습니다.

  • 도서 소득공제 불가 안내

    • 법인카드로 결제 한 경우
    • 현금영수증을 사업자증빙용으로 신청 한 경우
    • 분철신청시 발생되는 분철비용

알림 신청

아래의 알림 신청 시 원하시는 소식을 받아 보실 수 있습니다.
알림신청 취소는 마이룸 > 알림신청내역에서 가능합니다.

CSS 마스터 전략 CSS Mastery
개정판
신고

신고 사유를 선택해주세요.
신고 내용은 이용약관 및 정책에 의해 처리됩니다.

허위 신고일 경우, 신고자의 서비스 활동이 제한될 수 있으니 유의하시어
신중하게 신고해주세요.

판형알림

  • A3 [297×420mm]
  • A4 [210×297mm]
  • A5 [148×210mm]
  • A6 [105×148mm]
  • B4 [257×364mm]
  • B5 [182×257mm]
  • B6 [128×182mm]
  • 8C [8절]
  • 기타 [가로×세로]
EBS X 교보문고 고객님을 위한 5,000원 열공 혜택!
자세히 보기

해외주문양서 배송지연 안내

현재 미국 현지 눈폭풍으로 인해
해외 거래처 출고가 지연되고 있습니다.

해외주문양서 주문 시
예상 출고일보다 배송기간이 더 소요될 수 있으니
고객님의 너그러운 양해 부탁드립니다.

감사합니다.