원표제: CSS pocket reference : visual presentation for the Web (5th ed.) CSS는 'Cascading Style Sheets'의 약어임
연계정보
외부기관 원문
목차보기
옮긴이의 글 Chpter 1 기본 개념 HTML에 스타일 추가 규칙 구조 @-규칙 주석 스타일 우선주위 요소 분류 요소의 표현 방식 레이아웃 기본 플로트 포지션 플렉서블 박스 레이아웃 그리드 레이아웃 테이블 레이아웃
Chapter 2 값 키워드 색깔 값 숫자 값 퍼센트 값 길이 값 분할 값 URI 각도 시간 주파수 위치 문자열 식별자 속성 값 계산 값 변숫값
Chapter 3 선택자와 쿼리 선택자 구조적 가상 클래스 부정 가상 클래스 상호작용 가상 클래스 가상 요소 미디어 쿼리 기능 쿼리
Chapter 4 프로퍼티 참조 상속과 애니메이션 값 문법 표기법 공통 값 프로퍼티
이용현황보기
CSS 핵심 실용 가이드 : 바로 찾아 쓰는 포켓 레퍼런스 이용현황 표 - 등록번호, 청구기호, 권별정보, 자료실, 이용여부로 구성 되어있습니다.
등록번호
청구기호
권별정보
자료실
이용여부
0002772612
006.7 -21-4
서울관 서고(열람신청 후 1층 대출대)
이용가능
0002772613
006.7 -21-4
서울관 서고(열람신청 후 1층 대출대)
이용가능
출판사 책소개
CSS 기능 명세만을 빨리 찾아보고 싶은 초보 웹디자이너, 개발자, 전문가에게 안성맞춤인 핵심만 추려낸 간결한 가이드 책입니다. 이 책은 모두 4장으로 구성되어 있는데, 1장과 2장에서는 CSS 기본 개념과 각종 값에 대해 알려주고, 3장에서는 선택자와 쿼리를 설명합니다. 요소 선택자, 클래스 선택자, id 선택자, 속성 선택자, 가상 클래스 등을 일일이 기억하지 않아도 이 책만 보면 쉽게 답을 찾을 수 있을 것입니다. 4장에서는 방대한 프로퍼티가 알파벳순으로 정리되어 있습니다. 프로퍼티마다 상속 여부, 애니메이션 가능 여부, 받을 수 있는 값, 초깃값, 계산된 값, 적용 요소들을 한 박스에 담는 형식으로 구성했습니다.
한국어판에서는 최신 명세, MDN 관련 페이지 링크를 추가하여 설명이 부족하거나 이해하기 어려울 때 참고할 수 있도록 했습니다. CSS3에 맞추어 개정된 이 책은 손 닿는 곳에 두고 필요할 때마다 찾아서 실무에 바로 적용할 수 있는 훌륭한 레퍼런스입니다.
필요할 때마다 찾아보는 실용적인 CSS 참고서 빠르게 찾아서 실무에 바로 적용하는 레퍼런스 CSS는 더욱더 화려하고 유연한 디자인을 추구하는 형태로 발전해가고 있습니다. CSS 코드 한줄만 수정하면 원하는 색 무엇으로든 적용할 수 있고, 눈 깜짝할 사이에 결과가 바뀌고, HTML로만 작업할 때보다 세련된 웹페이지를 구축할 수도 있습니다. 그러려면 방대한 선택자와 프로퍼티, 각종 값 등을 알고 있어야 합니다. CSS 숙련자도 CSS에 포함된 방대한 선택자, 쿼리,프로퍼티 등을 모두 기억하기란 쉽지 않을 것입니다. 이 작은 책은 어디서든 손 닿는 곳에 두고 필요한 정보를 빠르게 찾아볼 수 있도록 구성되었습니다. 웹에서 검색하는 것보다 훨씬 빠르게 독자 여러분의 고민을 해결해줄 것입니다.
작업을 도와주는 간결한 안내서 작지만 CSS를 다룰 때 생기는 고민들을 충분히 해결해줄 만큼 설명이 잘 되어 있습니다. HTML에 스타일을 추가하는 인라인 스타일과 외부 스타일 등 기본 개념과 각종 값에 대해 설명하고, 일일이 기억하기 힘든 선택자나 프로퍼티에 대해서도 알파벳순으로 구성하여 알고 싶은 내용을 쉽게 찾을 수 있습니다. 특히 '4장 프로퍼티 참조'에서는 프로퍼티의 상속 여부, 애니메이션 가능 여부, 받을 수 있는 값, 초깃값, 계산된 값, 적용 요소들을 한 박스에 담는 형식으로 구성하여 더 직관적으로 정보를 확인할 수 있습니다. CSS3에 맞추어 개정되었으며 한국어판에서는 최신 명세, MDN 관련 페이지 링크까지 추가하여 이 책 내용만으로는 이해하기 어려울 때 참고할 수 있도록 했습니다.
◆이 책에서 다루는 내용 -CSS 기본 개념 -HTML에 스타일 추가 -규칙 구조 -요소의 표현 방식 -스타일 우선주위 -레이아웃 -색깔 값, 길이 값 등 각종 값 -선택자와 쿼리 -CSS3의 새로운 기능 -애니메이션, 그리드, 플렉스박스 -상속과 애니메이션 -값 문법 표기법
책속에서
chapter 1 기본 개념 문서의 요소는 나무와 비슷한 계층 구조를 가집니다. 이 구조에서 루트 요소는 맨 위에 있고, 나머지는 문서 구조를 따라 그 아래로 퍼집니다. HTML 문서에서 html 요소는 트리 맨 위에 있고, head와 body 요소가 거기서 뻗어 나옵니다. 나머지 문서 구조는 head와 body 요소에서 뻗어 나옵니다. 이런 구조에서 트리 아래쪽에 있는 요소는 자신보다 위에 있는 조상의 자손입니다.
chapter 2 값 퍼센트 값은 바로 다음에 퍼센트 기호(%)를 붙인 형태입니다. 숫자와 퍼센트 기호 사이에 스페이스는 허용되지 않습니다. 퍼센트 값은 항상 다른 무언가에 상대적인 값으로 계산됩니다. 예를 들어 font-size: 120%는 요소의 폰트 크기를 부모 요소 font-size의 120%로 정합니다. 543.21%처럼 소수점 있는 값도 유효합니다. 일부 프로퍼티는 퍼센트 값을마이너스가 아닌 값으로 제한합니다.