추가 적립 안내

CSS기능 명세만을 빨리 찾아보고 싶은 초보 웹디자이너,개발자,전문가에게 안성맞춤인 핵심만 추려낸 간결한 가이드 책입니다.이 책은 모두 4장으로 구성되어 있는데, 1장과 2장에서는 CSS 기본 개념과 각종 값에 대해알려주고, 3장에서는 선택자와 쿼리를 설명합니다.요소 선택자,클래스 선택자,id 선택자,속성 선택자,가상 클래스 등을 일일이 기억하지 않아도 이 책만 보면쉽게 답을 찾을 수 있을 것입니다. 4장에서는 방대한 프로퍼티가 알파벳순으로 정리되어 있습니다.프로퍼티마다 상속 여부,애니메이션 가능 여부,받을 수 있는 값,초깃값,계산된 값,적용 요소들을 한 박스에 담는 형식으로 구성했습니다.

한국어판에서는 최신 명세, MDN 관련 페이지 링크를 추가하여 설명이 부족하거나 이해하기 어려울 때 참고할 수 있도록 했습니다. CSS3에 맞추어 개정된 이 책은 손 닿는 곳에 두고 필요할 때마다 찾아서실무에 바로 적용할 수 있는훌륭한 레퍼런스입니다.

필요할 때마다 찾아보는 실용적인 CSS 참고서
빠르게 찾아서 실무에 바로 적용하는 레퍼런스

CSS는 더욱더 화려하고 유연한 디자인을 추구하는 형태로 발전해가고 있습니다. CSS 코드 한 줄만 수정하면 원하는 색무엇으로든 적용할 수 있고, 눈 깜짝할 사이에 결과가 바뀌고, HTML로만 작업할 때보다 세련된 웹페이지를 구축할 수도 있습니다. 그러려면 방대한 선택자와 프로퍼티,각종 값 등을 알고 있어야 합니다.CSS 숙련자도 CSS에 포함된 방대한 선택자,쿼리,프로퍼티 등을 모두 기억하기란 쉽지 않을 것입니다.이 작은 책은 어디서든 손 닿는 곳에 두고 필요한 정보를 빠르게 찾아볼 수 있도록 구성되었습니다.웹에서 검색하는 것보다 훨씬 빠르게 독자 여러분의 고민을 해결해줄 것입니다.

작업을 도와주는 간결한 안내서

작지만 CSS를 다룰 때 생기는 고민들을 충분히 해결해줄 만큼 설명이 잘 되어 있습니다. HTML에 스타일을 추가하는 인라인 스타일과 외부 스타일 등 기본 개념과 각종 값에 대해 설명하고,일일이 기억하기 힘든 선택자나 프로퍼티에 대해서도 알파벳순으로 구성하여알고 싶은 내용을 쉽게 찾을 수 있습니다.
특히 '4장 프로퍼티 참조'에서는 프로퍼티의 상속 여부,애니메이션 가능 여부,받을 수 있는 값,초깃값,계산된 값,적용 요소들을 한 박스에 담는 형식으로 구성하여 더 직관적으로 정보를 확인할 수 있습니다.CSS3에 맞추어 개정되었으며 한국어판에서는 최신 명세, MDN 관련 페이지 링크까지 추가하여 이 책 내용만으로는 이해하기 어려울 때 참고할 수 있도록 했습니다.

◆이 책에서 다루는 내용
-CSS 기본 개념
-HTML에 스타일 추가
-규칙 구조
-요소의 표현 방식
-스타일 우선주위
-레이아웃
-색깔 값,길이 값 등 각종 값
-선택자와쿼리
-CSS3의 새로운 기능
-애니메이션, 그리드,플렉스박스
-상속과 애니메이션
-값 문법 표기법

옮긴이의 글
Chpter 1 기본 개념
HTML에 스타일 추가
규칙 구조
@-규칙
주석
스타일 우선주위
요소 분류
요소의 표현 방식
레이아웃 기본
플로트
포지션
플렉서블 박스 레이아웃
그리드 레이아웃
테이블 레이아웃

Chapter 2 값
키워드
색깔 값
숫자 값
퍼센트 값
길이 값
분할 값
URI
각도
시간
주파수
위치
문자열
식별자
속성 값
계산 값
변숫값

Chapter 3 선택자와 쿼리
선택자
구조적 가상 클래스
부정 가상 클래스
상호작용 가상 클래스
가상 요소
미디어 쿼리
기능 쿼리

Chapter 4 프로퍼티 참조
상속과 애니메이션
값 문법 표기법
공통 값
프로퍼티

chapter 1 기본 개념
문서의 요소는 나무와 비슷한 계층 구조를 가집니다. 이 구조에서 루트 요소는 맨 위에 있고, 나머지는 문서 구조를 따라 그 아래로 퍼집니다. HTML 문서에서 html 요소는 트리 맨 위에 있고, head와 body 요소가 거기서 뻗어 나옵니다. 나머지 문서 구조는 head와 body 요소에서 뻗어 나옵니다. 이런 구조에서 트리 아래쪽에 있는 요소는 자신보다 위에 있는 조상의 자손입니다.

chapter 2 값
퍼센트 값은 〈number〉 바로 다음에 퍼센트 기호(%)를 붙인 형태입니다. 숫자와 퍼센트 기호 사이에 스페이스는 허용되지 않습니다. 퍼센트 값은 항상 다른 무언가에 상대적인 값으로 계산됩니다. 예를 들어 font-size: 120%는 요소의 폰트 크기를 부모 요소 font-size의 120%로 정합니다. 543.21%처럼 소수점 있는 값도 유효합니다. 일부 프로퍼티는 퍼센트 값을 마이너스가 아닌 값으로 제한합니다.

chapter 3 선택자와 쿼리
미디어 쿼리를 이용하면 브라우저가 주어진 스타일시트 또는 그 일부를 적용할 미디어 환경을 정의할 수 있습니다. 예전에는 link 요소의 media 속성, @import 선언의 미디어 서술자를 통해 미디어 타입을정했습니다. 미디어 쿼리는 이 개념을 확장해서 미디어 타입의 기능을 통해 스타일시트를 선택할 수 있게 만들었습니다.

chapter 4 프로퍼티 참조
이 장에서 설명하는 프로퍼티 이름 부분에는 상속과 애니메이션에관한 짧은 설명이 있습니다. 자손 요소가 해당 프로퍼티를상속받는지, 애니메이션이 가능한 프로퍼티이거나 애니메이션과 트랜지션 관련 프로퍼티의 영향을 받는지 여부를 N과 Y로 나타냈습니다. 프로퍼티 값 일부만 애니메이션이 가능하다면 P(Partial)로 표기했고, 프로퍼티정의에 더 자세한 설명을 첨부했습니다.