Download the full version of the textbook now at textbookfull.

com

CSS CSS3 20 lessons to successful web

development 1st Edition Nixon

https://textbookfull.com/product/css-
css3-20-lessons-to-successful-web-development-1st-
edition-nixon/

Explore and download more textbook at https://textbookfull.com

 Recommended digital products (PDF, EPUB, MOBI) that
you can download immediately if you are interested.

HTML5 20 Lessons to Successful Web Development 1st Edition

Robin Nixon

https://textbookfull.com/product/html5-20-lessons-to-successful-web-
development-1st-edition-robin-nixon/

textbookfull.com

Modern CSS: Master the Key Concepts of CSS for Modern Web
Development Joe Attardi

https://textbookfull.com/product/modern-css-master-the-key-concepts-
of-css-for-modern-web-development-joe-attardi/

textbookfull.com

Modern CSS: Master the Key Concepts of CSS for Modern Web
Development Joe Attardi

https://textbookfull.com/product/modern-css-master-the-key-concepts-
of-css-for-modern-web-development-joe-attardi-2/

textbookfull.com

Crystallization Modalities in Polymer Melt Processing

Hermann Janeschitz-Kriegl

https://textbookfull.com/product/crystallization-modalities-in-
polymer-melt-processing-hermann-janeschitz-kriegl/

textbookfull.com
An Introduction to the Phenomenology of Performance Art
SELF s 1st Edition Bacon

https://textbookfull.com/product/an-introduction-to-the-phenomenology-
of-performance-art-self-s-1st-edition-bacon/

textbookfull.com

Therapies for Nail Disorders: A Quick Guide to Best

Practice Nilton Di Chiacchio

https://textbookfull.com/product/therapies-for-nail-disorders-a-quick-
guide-to-best-practice-nilton-di-chiacchio/

textbookfull.com

Science of Yoga Understand the Anatomy and Physiology to

Perfect Your Practice 1st Edition Dk

https://textbookfull.com/product/science-of-yoga-understand-the-
anatomy-and-physiology-to-perfect-your-practice-1st-edition-dk/

textbookfull.com

Female Leaders in New Religious Movements 1st Edition Inga

Bårdsen Tøllefsen

https://textbookfull.com/product/female-leaders-in-new-religious-
movements-1st-edition-inga-bardsen-tollefsen/

textbookfull.com

Biology of Genus Boswellia Ahmed Al-Harrasi

https://textbookfull.com/product/biology-of-genus-boswellia-ahmed-al-
harrasi/

textbookfull.com
Triplets for the Russian Boss 1st Edition Bella King

https://textbookfull.com/product/triplets-for-the-russian-boss-1st-
edition-bella-king/

textbookfull.com
CSS & CSS3
20 Lessons to Successful Web Development
About the Author
Robin Nixon is a prolific author on programming and web development (as well as
psychology and motivation), with his books having been translated into numerous
foreign languages—frequently topping the US and international computer book charts.
He has worked with computers and technology for all his life, and began writing on
the subject about 35 years ago.
He has authored hundreds of articles, and over two dozen books, and is a popular
video and online instructor, with thousands of students taking his courses. Robin
is also an accomplished programmer, developer, and entrepreneur, with several
successful Internet startups to his name, from which he has learned a wealth of
programming hints and tips, which he enjoys passing on in his expanding range of
web development books, including the following titles:

• HTML5: 20 Lessons to Successful Web Development (McGraw-Hill Education, 2015)

• JavaScript: 20 Lessons to Successful Web Development (McGraw-Hill Education, 2015)
• PHP: 20 Lessons to Successful Web Development (McGraw-Hill Education, 2015)
• Learning PHP, MySQL, JavaScript, CSS & HTML5 (O’Reilly, 2014)
• Web Developer's Cookbook (McGraw-Hill Education, 2012)
• HTML5 for iOS and Android (McGraw-Hill Education, 2010)

About the Technical Editor

Albert Wiersch has been writing software since the Commodore VIC-20 and Commodore
64 days in the early 1980s. He holds a Bachelor of Science degree in Computer Science
Engineering and an MBA from the University of Texas at Arlington. Albert currently
develops and sells software that helps web developers, educators, students, businesses,
and government agencies check their HTML & CSS documents and their websites
for quality problems, including many SEO (search engine optimization), mobility,
and accessibility issues, with discounts made available to students. His website is at
HTMLValidator.com.
CSS & CSS3
20 Lessons to Successful Web Development

Robin Nixon

New York Chicago San Francisco

Athens London Madrid Mexico City
Milan New Delhi Singapore Sydney Toronto
Copyright © 2015 by McGraw-Hill Education. All rights reserved. Except as permitted under the United States Copyright Act of 1976,
no part of this publication may be reproduced or distributed in any form or by any means, or stored in a database or retrieval system,
without the prior written permission of the publisher, with the exception that the program listings may be entered, stored, and executed in a
computer system, but they may not be reproduced for publication.

ISBN: 978-0-07-185021-6

MHID: 0-07-185021-X

The material in this eBook also appears in the print version of this title: ISBN: 978-0-07-184996-8,
MHID: 0-07-184996-3.

eBook conversion by codeMantra

Version 1.0

All trademarks are trademarks of their respective owners. Rather than put a trademark symbol after every occurrence of a trademarked
name, we use names in an editorial fashion only, and to the benefit of the trademark owner, with no intention of infringement of the
trademark. Where such designations appear in this book, they have been printed with initial caps.

McGraw-Hill Education eBooks are available at special quantity discounts to use as premiums and sales promotions or for use in corporate
training programs. To contact a representative, please visit the Contact Us page at www.mhprofessional.com.

Information has been obtained by McGraw-Hill Education from sources believed to be reliable. However, because of the possibility of
human or mechanical error by our sources, McGraw-Hill Education, or others, McGraw-Hill Education does not guarantee the accuracy,
adequacy, or completeness of any information and is not responsible for any errors or omissions or the results obtained from the use of
such information.

TERMS OF USE

This is a copyrighted work and McGraw-Hill Education and its licensors reserve all rights in and to the work. Use of this work is subject
to these terms. Except as permitted under the Copyright Act of 1976 and the right to store and retrieve one copy of the work, you may
not decompile, disassemble, reverse engineer, reproduce, modify, create derivative works based upon, transmit, distribute, disseminate,
sell, publish or sublicense the work or any part of it without McGraw-Hill Education’s prior consent. You may use the work for your own
noncommercial and personal use; any other use of the work is strictly prohibited. Your right to use the work may be terminated if you fail
to comply with these terms.

THE WORK IS PROVIDED “AS IS.” McGRAW-HILL EDUCATION AND ITS LICENSORS MAKE NO GUARANTEES OR
WARRANTIES AS TO THE ACCURACY, ADEQUACY OR COMPLETENESS OF OR RESULTS TO BE OBTAINED FROM
USING THE WORK, INCLUDING ANY INFORMATION THAT CAN BE ACCESSED THROUGH THE WORK VIA HYPERLINK
OR OTHERWISE, AND EXPRESSLY DISCLAIM ANY WARRANTY, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
TO IMPLIED WARRANTIES OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. McGraw-Hill Education and
its licensors do not warrant or guarantee that the functions contained in the work will meet your requirements or that its operation will be
uninterrupted or error free. Neither McGraw-Hill Education nor its licensors shall be liable to you or anyone else for any inaccuracy, error
or omission, regardless of cause, in the work or for any damages resulting therefrom. McGraw-Hill Education has no responsibility for the
content of any information accessed through the work. Under no circumstances shall McGraw-Hill Education and/or its licensors be liable
for any indirect, incidental, special, punitive, consequential or similar damages that result from the use of or inability to use the work, even
if any of them has been advised of the possibility of such damages. This limitation of liability shall apply to any claim or cause whatsoever
whether such claim or cause arises in contract, tort or otherwise.
To Julie
This page intentionally left blank
 Contents at a Glance

PART I Basic CSS

1 Introduction to CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
2 Learning the CSS Rules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
3 Applying Declarations to IDs and Classes . . . . . . . . . . . . . . . . . . . . . . . . 19
4 Accessing Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
5 Working with the Cascade . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
6 Selecting Fonts and Typography . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
7 Manipulating Color and Position . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
8 Handling Pseudo-Selectors and Using Shorthand Properties . . . . . . . . . 87
9 Understanding the Box Model . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
PART II CSS3
10 Introduction to CSS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
11 Using Selectors and Attribute Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . 133
12 Setting Backgrounds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141
13 Attaching Borders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
14 Controlling Box Shadows, Overflow, and Columns . . . . . . . . . . . . . . . . . 165
15 Adding Colors and Opacity . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177
16 Creating Text Effects and Changing the Box Model . . . . . . . . . . . . . . . . . 189
17 Linking to Web Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
18 Making 2D Transformations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211
19 Applying Specific Transformations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
20 Directing 3D Transformations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237
A Answers to the Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

vii
This page intentionally left blank
 Contents
Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xvii
Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xix

PART I Basic CSS

LESSON 1 Introduction to CSS ................................. 3

How the Document Object Model Works . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
Correct HTML Structure and Nesting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
About Cascading Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Importing a Style Sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Importing CSS from Within HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Embedded Style Settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Using IDs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Using Classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

LESSON 2 Learning the CSS Rules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
IDs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Multiple Assignments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Comments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Single-Line Comments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Style Types . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Default Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
User Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
External Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Internal Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Inline Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
It’s All About Separation of Style and Content . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

ix
Visit https://textbookfull.com
now to explore a rich
collection of eBooks, textbook
and enjoy exciting offers!
x Contents

LESSON 3 Applying Declarations to IDs and Classes . . . . . . . . . . . . . . . . . . 19

Using IDs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
A Specific Case . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
IDs Are Single-Use Only . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Using Classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Assigning Multiple Classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Accessing IDs and Classes with JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
The O() Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
The S() Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
The C() Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Using Hyphenated Property Names . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Why Use JavaScript? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

LESSON 4 Accessing Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

The Type Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
The Descendant Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
The Child Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
The ID Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Narrowing ID Scope . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
The Class Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Narrowing Class Scope . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
The Attribute Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
The Universal Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Selecting by Group . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
For JavaScript Programmers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Points of Interest . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
LESSON 5 Working with the Cascade . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
Style Sheet Creators . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
Style Sheet Methods . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Style Sheet Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Calculating Specificity . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
When Rules Are Particularly Important . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
So What Are Divs and Spans Anyway? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Specifying Measurements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Points . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Inches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Centimeters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Millimeters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
 Contents xi

Picas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Ems . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Exs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Percent . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

LESSON 6 Selecting Fonts and Typography . . . . . . . . . . . . . . . . . . . . . . . . . 55

Font Family . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Generic Font Families . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Font Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Font Size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Font Weight . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Changing Text Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Text Decoration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Line, Word, and Letter Spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Horizontal Alignment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Managing Uppercase and Lowercase . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Text Indenting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65

LESSON 7 Manipulating Color and Position . . . . . . . . . . . . . . . . . . . . . . . . 67

Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Using rgb() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
Short Color Strings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
Gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
Linear Gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Radial Gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Controlling Color Stops . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Repeating Gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
An Example Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Alpha Transparency . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
An Example Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
CSS3 Browser Incompatibilities . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Older Browsers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
Let George Do It . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
The prefixfree.js Utility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Positioning Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Absolute Positioning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Relative Positioning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Fixed Positioning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
An Example Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
xii Contents

LESSON 8 Handling Pseudo-Selectors and Using Shorthand Properties . . . . . 87

Introducing the Pseudo-Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Link-Related Pseudo-Classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Accessing Elements Numerically . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Selecting Elements by Numeric Location . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
Relational Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Miscellaneous Pseudo-Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99
Pseudo-Elements That Add Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Shorthand Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Border and Outline Shorthand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Background Shorthand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Font Shorthand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
Margin and Padding Shorthand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
List Shorthand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

LESSON 9 Understanding the Box Model . . . . . . . . . . . . . . . . . . . . . . . . . 107

Visualizing the Box Model . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Setting Margins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108
Using Borders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Applying Padding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
Non-image Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
The Object Contents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
Changing the Box Model . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

PART II CSS3
LESSON 10 Introduction to CSS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Attribute Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
Improved Backgrounds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
Enhanced Borders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123
Box Shadows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
Element Overflow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
Multicolumn Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
Extended Color Handling and Opacity . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Additional Text Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Box Sizing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Resizing and Outlines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Web Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Transitions and Transformations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
 Contents xiii

LESSON 11 Using Selectors and Attribute Selectors . . . . . . . . . . . . . . . . . 133

Summary of Selector Types . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
The Universal Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Type Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134
Class Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134
ID Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134
Descendant Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Child Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Adjacent Sibling Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
General Sibling Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Attribute Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136
Pseudo-Classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136
Pseudo-Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136
Attribute Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
The ^= Operator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
The $= Operator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
The *= Operator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139

LESSON 12 Setting Backgrounds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141

The background-clip Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141
The background-origin Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
Compatibility Issues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
The background-size Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Using the auto Value . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Multiple Backgrounds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151
LESSON 13 Attaching Borders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
The border-color Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
The border-style Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
The border-image Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156
The border-radius Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
LESSON 14 Controlling Box Shadows, Overflow, and Columns . . . . . . . . . . . 165
Adding Box Shadows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
The box-shadow Supported Values . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
Managing Element Overflow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Flowing Text over Multiple Columns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
xiv Contents

LESSON 15 Adding Colors and Opacity . . . . . . . . . . . . . . . . . . . . . . . . . . . 177

HSL Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177
HSLA Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
RGB Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
RGBA Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
The opacity Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

LESSON 16 Creating Text Effects and Changing the Box Model . . . . . . . . . . 189
The text-shadow Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
The text-shadow Supported Values . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
The text-overflow Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
The word-wrap Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
The box-sizing Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Browser Compatibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197
The resize Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
The outline and outline-offset Properties . . . . . . . . . . . . . . . . . . . . . . . . 200
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

LESSON 17 Linking to Web Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203

Loading a Web Font . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
The Main Types of Web Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Loading a Web Font . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
And the Winner Is… . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Google Web Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Browser Differences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
Other Font Sources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
LESSON 18 Making 2D Transformations . . . . . . . . . . . . . . . . . . . . . . . . . . 211
2D Transformations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211
The none Transformation Type . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211
The matrix(w,s1,s2,h,x,y) Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
Argument 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215
Argument 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Argument 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217
Argument 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218
Argument 5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Argument 6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220
Internet Explorer Prior to IE9 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
 Contents xv

LESSON 19 Applying Specific Transformations . . . . . . . . . . . . . . . . . . . . . 225

The translate(x,y) Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
The scale(x,y) Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227
Older Versions of IE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
The rotate(n) Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Older Versions of IE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231
The skew(x,y) Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232
Older Versions of IE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235

LESSON 20 Directing 3D Transformations . . . . . . . . . . . . . . . . . . . . . . . . . 237

The perspective Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237
The transform-origin Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239
About the Three Dimensions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241
The translate3d(x,y,z) Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242
The scale3d(x,y,z) Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
The rotate3d(x,y,z,r) Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246
The backface-visibility Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249
The transform-style Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251
Transitions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251
The transition-property Property . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
The transition-duration Property . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
The transition-delay Property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
The transition-timing-function Property . . . . . . . . . . . . . . . . . . . . 253
The cubic-bezier() Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253
Shorthand transition Property Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . 254
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256
Self-Test Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256
APPENDIX Answers to the Self-Test Questions . . . . . . . . . . . . . . . . . . . . . 257
Lesson 1 Answers ................................................. 257
Lesson 2 Answers ................................................. 258
Lesson 3 Answers ................................................. 258
Lesson 4 Answers ................................................. 259
Lesson 5 Answers ................................................. 260
Lesson 6 Answers ................................................. 261
Lesson 7 Answers ................................................. 262
Lesson 8 Answers ................................................. 262
Lesson 9 Answers ................................................. 263
Lesson 10 Answers ................................................. 264
Lesson 11 Answers ................................................. 265
Lesson 12 Answers ................................................. 266
Lesson 13 Answers ................................................. 266
Lesson 14 Answers ................................................. 267
xvi Contents

Lesson 15 Answers ................................................. 268

Lesson 16 Answers ................................................. 269
Lesson 17 Answers ................................................. 269
Lesson 18 Answers ................................................. 270
Lesson 19 Answers ................................................. 271
Lesson 20 Answers ................................................. 272

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Acknowledgments
Once again I would like to thank the amazing team at McGraw-Hill Education, with
whom it is always a real pleasure to work on new book projects. In particular, I would
like to thank my Sponsoring Editor Brandi Shailer, Amanda Russell for overseeing the
project’s development, Editorial Supervisor Jody McKenzie, Production Supervisor
Jean Bodeaux, Copy Editor Megha Saini, and Jeff Weeks for the excellent cover design.
Thanks also goes again to Albert Wiersch (whom I have had the pleasure of working
with on a number of occasions) for his meticulous eye for detail during technical review.

xvii
This page intentionally left blank
 Introduction

Why This Book?

The concept for this book grew out of Robin’s extremely popular online courses in
which thousands of students are enrolled. From their feedback it became evident that
the reason for this popularity was that students love the way the material is broken
down into easy-to-digest lessons, each of which can be completed in an hour or less.
They also like the no-nonsense, jargon-free, and friendly writing style.
Now, working together, Robin and McGraw-Hill Education have further revised,
updated, and developed his CSS & CSS3 course into this book, which not only will
teach you everything you need to learn in 20 lessons (of less than an hour each),
it also includes an average 15-minute detailed video walk-through for each lesson—
comprising 5 hours of footage in total.
Watch the videos after reading the lesson to reinforce key concepts, or use the
video as a primer to working through each print lesson. Used together, these course
materials make learning CSS & CSS3 easier than it has ever been, and is the ideal way
for you to add these essential skills to your web development toolkit.

To view the accompanying video for this lesson, please visit mhprofessional.com/
nixoncss/.

Who Should Read This Book?

Each chapter is laid out in a straightforward and logical manner as a lesson, with
plenty of examples written using simple and clear CSS. Before moving on to each
subsequent lesson, you have the opportunity to test your new knowledge with a set
of 10 questions about what you have just learned. You can also work along with every
lesson by watching its accompanying video tutorial.

xix
Visit https://textbookfull.com
now to explore a rich
collection of eBooks, textbook
and enjoy exciting offers!
xx Introduction

Even if you have never used any CSS before, you will still learn everything you
need from this book, because the first section provides a thorough grounding in what
CSS is, what it can do for you, and how to use it. And if you have used CSS before, it
will act as a great revision source to ensure you are fully up-to-date before moving on
to learning all the latest additions to CSS3.
Between the lessons, the self-test questions, and the videos, this course will ensure
that you become expert at CSS very quickly.
To save you typing them in, all the example files from the book are saved in a freely
downloadable zip file available at the companion website: 20lessons.com.

What This Book Covers?

This book covers every aspect of CSS, starting with basic syntax and language rules,
such as where and how you include CSS in your web documents. Then the differences
between styling elements by type, class, and ID are explained, along with how to refine
the elements to which CSS will be supplied using selectors.
The term cascade (in cascading style sheets) is fully explained, as is how to create
professional results with fonts and typography, and how to lay out compelling pages.
All the CSS and CSS3 selectors are detailed, along with the new CSS3 ways to manage
colors, backgrounds, borders, opacity, and more. How to transform and animate
elements in 2D and 3D is also explained, with simple examples that you can easily
incorporate in your own websites.
By the time you finish the book’s 20 lessons, you’ll have a thorough grounding
in CSS, and be able to use it to ensure your web pages look as good as possible.

How to Use This Book?

This book has been written in a logical order so that each lesson builds on information
learned in the previous ones. You should begin at Lesson 1 and then work sequentially
through the book, proceeding to the next lesson only when you can correctly answer
the self-test questions in the previous one.
If you already use CSS, you may wish to just browse through the first few lessons
before tucking into the CSS3 section.
Lessons should take you less than an hour to finish, including viewing the
accompanying video walk-through provided with each one. With over 5 hours of
video in total, that’s an average of 15 minutes dedicated to each lesson.
 Introduction xxi

How Is This Book Organized?

The first section of this book covers everything you need to know as a newcomer to
CSS, including these lessons: Introduction to CSS, Learning the CSS Rules, Applying
Declarations to IDs and Classes, Accessing Selectors, Working with the Cascade, Selecting
Fonts and Typography, Manipulating Color and Position, Handling Pseudo-Selectors
and Using Shorthand Properties, and Understanding the Box Model.
The second section moves on to explaining everything that’s new in CSS3, including
these lessons: Introduction to CSS3, Using Selectors and Attribute Selectors, Setting
Backgrounds, Attaching Borders, Controlling Box Shadows, Overflow, and Columns,
Adding Colors and Opacity, Creating Text Effects and Changing the Box Model, Linking
to Web Fonts, Making 2D Transformations, Applying Specific Transformations, and
Directing 3D Transformations. The appendix lists all the answers to the self-test questions
in each chapter.
This page intentionally left blank
PART I
Basic CSS
This page intentionally left blank
Random documents with unrelated
content Scribd suggests to you:
 111.

(1529.—Toledo, 26 Julio.)—Capitulación y asiento celebrados con Francisco Pizarro

para la conquista y población de las provincias del Perú, donde se contienen
varias disposiciones para el buen gobierno de ellas.—(A. de I., 109-7-1, lib. 1.º,
fol. 16.)

La Reyna.
Por quanto vos el capitan francisco piçarro vezino de tierra firme
llamada castilla del oro por vos y en nonbre del venerable padre don
fernando de luque maestrescuela e provisor de la yglesia del darien
sede vacante en la dicha castilla del oro et del capitan diego de
almagro vezino de la cibdad de panama nos fizo Relacion que vos e
los dichos vuestros compañeros con deseos de nos servir e del bien
e acresentamiento de nuestra corona Real puede aver cinco años
poco mas o menos que con liçençia e paresçer de pedrarias de avila
nuestro governador e capitan general que fue de la dicha tierra firme
tomastes cargo de yr a conquistar e descobrir e pacificar e poblar
por la costa de la mar del sur de la dicha tierra a la parte de levante
a vuestra costa e de los dichos vuestros conpañeros todo lo que por
aquella parte pudiesedes e fizistes para ello dos navios e un
vergantin en la dicha costa en que ansy en esto por se aver de pasar
la jarcia e aparejos nescesarios al dicho viaje e armada desde el
nonbre de dios que es la costa del norte a la otra costa del sur como
con la gente e otras cosas nescesarias al dicho viaje e en tornar a
Rehazer la dicha armada gastastes mucha suma de pesos de oro
fuistes a fazer e hizistes el dicho descubrimiento donde pasastes
muchos peligros y travajos a cabsa de lo qual vos dexo toda la gente
que con vos yba en una ysla despoblada con solos treze onbres que
no vos quisieron dexar e que con ellos y con el socorro que de
navios e gente vos fizo el dicho capitan diego de almagro pasastes
de la dicha ysla e descubristes las tierras e provyncias del peru e
cibdad de tunbes en que aveys gastado vos e los dichos vuestros
conpañeros mas de treynta mill pesos de oro e que con el deseo que
teneis de nos servir queriades continuar la dicha conqysta e
poblacion a vuestra costa e myncion syn que en ningud tienpo
seamos obligados a vos pagar ny satisfacer los gastos que en ello
hizieredes mas de lo que enesta capitulacion vos fuere otorgado e
me suplicastes e pedistes por merced vos mandase encomendar la
conquysta de las dichas tierras e vos concediese e otorgarse las
mercedes y con las condiciones que de suso seran contenidas sobre
lo qual yo mande tomar con vos el asyento e capitulacion
syguiente=
Primeramente doy liçençia y facultad a vos el dicho capitan
francisco piçarro para que por nos en nuestro nonbre e de la corona
Real de castilla podays continuar el dicho descubrimiento conquista
e poblacion de la dicha provyncia del peru fasta dozientas lenguas
de tierra por la mysma costa las quales dichas dozientas leguas
comiençen desde el pueblo que en legua de yndios se dize
tenunxulla y despues le llamastes Santiago fasta llegar al pueblo de
chincha que puede aver las dichas dozientas leguas de costa poco
mas o menos.
Iten entendiendo ser cunplidero al servicio de dios e nuestro e
por onrrar buestra persona e por vos facer merced prometemos de
vos facer nuestro governador e capitan general de toda la dicha
provinçia del peru e tierras e pueblos que al presente ay e adelante
ovyere en todas las dichas dozientas leguas por todos los dias de
vuestra vida con salario de seteçientos e veynte e cinco mill
maravedis cada un año contados desde el dia que vos fizieredes a la
vela destos nuestros Reynos para continuar la dicha poblaçion y
conquista los quales vos an de ser pagados de las Rentas e derechos
a nos pertenescientes en la dicha tierra que ansy aveys de poblar del
qual salario aveys de pagar en cada un año un alcalde mayor e diez
escuderos e treynta peones e un medico e un boticario el qual
salario vos ha de ser pagado por los nuestros oficiales de la dicha
tierra.
Otro sy vos fazemos merced de titulo de nuestro adelantado de
la dicha provyncia del peru e asy mismo del oficio de alguacil mayor
della todo ello por los dias de vuestra vida.
Otro sy vos doy liçençia para que con paresçer e acuerdo de los
dichos nuestros oficiales podaiz facer en las dichas tierras e provincia
del peru hasta quatro fortalezas en las partes e lugares que mas
convenga paresciendo a vos e a los dichos nuestros oficiales ser
nescesarias para guarda y paçificacion de la dicha tierra e vos faze
merced de la tenençia dellas para vos e para dos herederos e
subçesores vuestros uno en pos de otro con salario de setenta e
cinco myll maravedis en cada un año por cada una de las dichas
fortalezas que asy estovyeren fechas las quales aveys de fazer a
vuestra costa syn que nos ni los Reyes que despues de nos vynieren
seamos obligados a vos pagar al tienpo que asi lo gastasedes salvo
dende cinco años despues de acabada la tal fortaleza pagando os en
cada uno de los dichos cinco años la quinta parte de lo que se
montare el dicho gasto de los frutos de la dicha tierra.
Otro sy vos fazemos merced para ayuda a vuestra costa de myll
ducados en cada un año por todos los dias de vuestra vida de las
rentas de la dicha tierra.
Otro sy es nuestra merced acatando la buena vida y dotrina de la
persona del dicho don fernando de luque de le presentar a nuestro
muy santo padre por obispo de la cibdad de tunbes que es en la
dicha provyncia e governacion del peru con los limites e diosesis que
por nos con abtoridad apostolica le seran señalados y entre tanto
que vyenen las bullas del dicho obispado le fazemos protetor
universal de todos los yndios de la dicha provyncia con salario de
myll ducados en cada un año pagados de nuestras Rentas de la
dicha tierra entre tanto que ay diezmos eclesiasticos de que se
pueda pagar.
 Otro sy por quanto nos aviades suplicado por vos y en el dicho
nonbre vos ficiese merced de algunos vasallos en las dichas tierras y
al presente lo dexamos de fazer por no tener entera Relaçion dellas
es nuestra merced que entre tanto que ynformados proveamos en
ello lo que a nuestro servicio y a la emyenda y satisfasion de
vuestros travajos e servicios conbiene tengays la veyntena parte de
todos los pechos que nos tovyeremos en cada un año en la dicha
tierra con tanto que no exeda de myll e quynientos ducados los myll
para vos el dicho capitan piçarro e los quinyentos para el dicho diego
de almagro.
Otro sy fazemos merced al dicho capitan diego de almagro de la
tenencia de la fortaleza que ay o ovyere en la dicha cibdad de
tunbes que es en la dicha provincia del peru con salario de cien myll
maravedis cada un año con más dozientos myll maravedis en cada
un año de ayuda de costa todo pagado de las Rentas de la dicha
tierra de las quales a de gozar desde el dia que vos el dicho
francisco piçarro llegardes a la dicha tierra a un que el dicho capitan
almagro se quede en panama o en otra parte que le convenga e le
fazemos ome fijodalgo que goze de las honrras e premynençias que
los omes hijosdalgos pueden e deven gozar en todas las yndias yslas
e tierra firme del mar oceano.
Otro sy mandamos que las haziendas e tierras e solares que
teneis en tierra firme llamada castilla del oro que vos estan dadas
como a vezinos della las tengais e goseys e hagays dello lo que
quisierdes y por vien tovierdes conforme a lo que tenemos
concedido e otorgado a los vezinos de la dicha tierra firme e en que
lo que toca a los yndios e nabarias que teneys e vos estan
encomendados es nuestra merced e voluntad e mandamos que los
tengays e gozeys e syrvays dellos e que no vos sean quitados ny
Remobidos por el tienpo que nuestra voluntad fuere.
Otro sy concedemos a los que fueren a poblar a la dicha tierra
que los seys años primeros syguientes desde el dia de la datta desta
en adelante que del oro que se cogiere en las minas nos paguen el
diezmo e cunplidos los dichos seys años pague el noveno e asy
decendiendo en cada un año fasta llegar al quinto pero del oro y
otras cosas que se ovieren de Rescate o cavalgadas o en otra
qualquier manera desde luego nos han de pagar el quinto de todo
ello.
Otro sy franqueamos a los vezinos de la dicha tierra por los
dichos seys años y mas quanto fuere nuestra voluntad de
almoxarifazgo de todo lo que llevare para proveymiento e provysion
de sus casas con tanto que no sea para lo vender e de lo que
vendieren ellos e otras qualesquier personas mercaderes e tratantes
asy mysmo los franqueamos por dos años solamente.
Otro sy prometemos que por tienpo de diez años y mas adelante
fasta que otra cosa mandemos en contrario no ynpornemos a los
vezinos de las dichas tierras alcavala ni otro tributo alguno.
Iten concedemos a los dichos vezinos e pobladores que les sean
dados por vos los solares e tierras convenientes á sus personas
conforme a lo que se a fecho y faze en la ysla española e asy mismo
vos daremos poder para que en nuestro nonbre durante el tienpo de
vuestra governaçion hagays las encomiendas de los yndios de la
dicha tierra guardando en ellas las yntruciones e hordenanças que
vos seran dadas.
Iten a suplicacion vuestra facemos nuestro piloto mayor del mar
del sur a bartolome Ruiz con setenta y çinco mill maravedis de
salario en cada un año pagados de la Renta de la dicha tierra de los
quales ha de gozar desde el tienpo que le fuere entregado el titulo
que de ello le mandaremos dar y en las espaldas del se asentara el
juramento e solenydad que ha de fazer con vos e otorgado ante
escrivano e asy mismo daremos titulo de escrivano del numero y del
consejo de la dicha cibdad de tunbes a un hijo del dicho bartolome
Ruiz siendo abyle e suficiente para ello.
Otro sy somos contentos y nos plaze que vos el dicho capitan
piçarro quanto nuestra merced y voluntad fuere tengays la
governaçion e administraçion de los yndios de la nuestra ysla de
flores que es cerca de panama e gozeys para vos e para quien vos
quisierdes de todos los aprovechamyentos que oviere en la dicha
ysla asy de tierras como de solares y montes e arboles e mineros e
pesqueria de perlas con tanto que seays obligado por Razón dello a
dar a nos y a los nuestros Oficiales de castilla del oro en cada un
año de los que asy fuere nuestra voluntad que vos la tengays
dozientos mill maravedis e mas el quinto de todo el oro e perlas que
en qualquier manera y por qualesquier personas se sacare en la
dicha ysla de flores syn desquento alguno con tanto que los dichos
yndios de la dicha ysla de flores no los podays ocupar en la
pesqueria de las perlas ny en las mynas del oro ny en otros metales
syno en las otras grangerias e aprovechamientos de la dicha tierra
para provision y mantenimyento de la dicha vuestra armada e de las
que adelante ovieredes de fazer para la dicha tierra e permitimos
que sy vos el dicho francisco piçarro llegado a castilla del oro dentro
de dos meses luego syguientes de clarasedes ante el dicho nuestro
governador o juez de Resydençia que alli estovyere que no vos
quereys encargar de la dicha ysla de fiores que en tal caso no seays
tenudo y obligado a nos pagar por Razon dello los dichos dozientos
mill maravedis y que se quede para nos la dicha ysla como agora la
tenemos.
Yten acatando lo mucho que an servido en el dicho viaje e
descubrimiento bartolome Ruiz e xpobal de peralta e pedro de
candia e domingo de sofaluse e niculas de Ribera e francisco de
quellar e alonso de molina e pedro alcon e garcia de jerena et Anton
de caRion e alonso brizeño e martin de paz e juan de la torre e por
que vos me lo suplicastes e pedistes por merced es nuestra merced
e voluntad de les fazer merced como por la presente se la fazemos a
los que dellos no son hidalgos que sean fidalgos notorios de solar
conoscido en aquellas partes y que en ellas y en todas las nuestras
yndias yslas e tierra firme del mar oceano gozen de las preminencias
e libertades e otras cosas de que gozan e deven ser guardadas a los
fijosdalgos notorios de solar conoscido destos nuestros Reynos e a
los que de los susodichos son hidalgos que sean cavalleros
despuelas doradas dando primero la ynformacion que en tal caso se
Requiere.
Yten vos fazemos merced de veynte e çinco yeguas e otros
tantos cavallos de las que nos tenemos en la ysla de xamayca e no
las aviendo quando las pidierdes no seamos tenudos al precio dellas
ny otra cosa por Razon dellas.
Otro sy vos facemos merced de trescientos mill maravedis
pagados en castilla del oro para el artilleria e municion que aveys de
llevar á la dicha provinçia del peru llevando fee de los nuestros
Oficiales de la casa de sevilla de las cosas que asy conprastes y de lo
que vos costo contando el ynteres y canbio dello y mas vos fazemos
merced de otros docientos ducados pagados en castilla del oro para
ayuda al careto de la dicha artilleria y munyçion e otras cosas
vuestras desde el nonbre de dios a la dicha mar del sur.
Otro sy que vos daremos liçençia como por la presente vos la
damos para que destos nuestros Reynos o del Reyno de portugal e
yslas de cabo verde o de donde vos o quien vuestro poder oviere
quisieredes e por byen tovyerdes podays pasar e paseys a la dicha
tierra de vuestra governaçion cinquenta esclavos negros en que aya
a lo menos el terçio fenbras libres de todos derechos a nos
perteneçientes con tanto que si los dexaredes todos o parte dellos
en las yslas española san juan y cuba e santiago o en castilla del oro
o en otra parte alguna los que dellos ansy dexaderedes sean
perdidos e aplicados e por la presente los aplicamos a nuestra
camara y fisco.
Otro sy que aremos merced y limosna al capital que se hiziere en
la dicha tierra para ayuda al Remedio de los pobres que a ella fueren
de cien mill maravedis librados en las penas de la camara de la dicha
tierra ansy mismo de vuestro pedimento e consentimyento de los
primeros pobladores de la dicha tierra dezimos que fazemos merced
como por la presente la fazemes a los ospitales de la dicha tierra de
los derechos de la escobilla e Relabes que oviere en las fundaciones
que en ella se hiziere e dello mandaremos dar nuestra provysion en
forma.
Otro sy dezimos que mandaremos y por la presente mandamos
que ayan y Resydan en la ciudad de panama o donde por vos fuere
mandado un carpintero e un calafate e cada uno dellos tenga de
salario treynta mill maravedis en cada un año dende que
començaren á Residir en la dicha cibdad o donde como dicho es vos
les mandardes, los quales les mandaremos pagar por los nuestros
oficiales de la dicha tierra de vuestra governaçion quanto nuestra
merced y voluntad fuere.
Yten que vos mandaremos dar nuestra provision en forma para
que en la dicha costa de la mar del sur podays tomar quelesquier
navios que ovieredes menester de consentimiento de sus dueños
para los viajes que ovieredes de fazer a la dicha tierra pagando a los
dueños de los tales navios el flete que justo sea no envargante que
otras personas lo tengan fletados para otras partes.
Asy mismo que mandaremos y por la presente mandamos y
defendemos que destos nuestros Reynos no vayan ny pasen a las
dichas tierras ningunas personas de las proybidas que no puedan
pasar a aquellas partes so las penas contenidas en las leyes e
hordenanças e cartas nuestras que cerca desto por nos y por los
Reyes catolicos estan dadas ny letrados ni procuradores para usar de
sus oficios.
Lo qual todo que dicho es e cada cosa y parte dello vos
conçedemos con tanto que vos el dicho capitan piçarro seays tenido
e obligado de salir destos nuestros Reynos con los navios e aparejos
y mantenimientos e otras cosas que fuere menester para el dicho
viaje e poblaçion con dozientos e çinquenta hombres los ciento y
çinquenta destos nuestros Reynos e otras partes no proybydas e los
ciento Restantes podays llevar de las yslas e tierra firme del mar
oceano con tanto que de la dicha tierra firme llamada castilla del
oro, no saqueys mas de veynte honbres sy no fueren de los que en
el primero o segundo viaje que vos fizistes a la dicha tierra del peru
se hallaron con vos por qve a estos damos liçençia que puedan yr
con vos libremente lo qual ayays de cunplir desde el dia de la datta
desta fasta seys meses primeros siguientes y llegado a la dicha
castilla del oro y pasado a panama seays tenudo de proseguir el
dicho viaje e fazer el dicho descubrimyento e poblacion dentro de
otros seys meses luego siguientes.
Yten con condicion que quando salierdes destos nuestros Reynos
e llegardes a la dicha provynçia del peru ayays de llevar e tener con
vos a los oficiales de nuestra hazienda que por nos estan y fueren
nombrados y asy mysmo las personas Religiosas o eclesiasticas que
por nos seran señaladas para ynstruccion de los yndios e naturales
de aquella provyncia a nuestra santa fee catolica con cuyo parecer y
no syn ellos aveys de fazer la conquista descubrimyento y poblaçion
de la dicha tierra a los quales Religiosos aveys de dar y pagar el flete
y martalotaje y los otros mantenimientos necesarios conforme a sus
personas todo a vuestra costa syn por ello les llevar cosa alguna
durante la dicha navegaçion lo qual mucho vos encargamos que asy
fagays y cumplays como cosa de servicio de dios y nuestro porque
dello contrario nos terniamos de vos por deservidos.
Otro sy con condicion que en la dicha pacificaçion conquista e
poblacion e tratamyento de los dichos yndios e sus personas e
bienes seays tenidos e obligados de guardar en todo y por todo lo
contenydo en las hordenanças e ynstrucciones que para esto
tenemos fechas e se fizieron e vos seran dadas en la nuestra carta y
provysyon que vos mandaremos dar para la encomienda de los
dichos yndios.
Y cumpliendo vos el dicho capitan francisco piçarro lo contenydo
en este asyento de lo que a vos toca e yncumbe de guardar e
conplir prometemos e vos aseguramos por nuestra palabra Real que
agora e de aqui adelante vos mandaremos guardar y vos sera
guardada todo lo que asy vos concedemos e fazemos merced a vos
e a los pobladores y tratantes en la dicha tierra e para execuçion y
conplimiento dello vos mandaremos dar nuestras cartas y
provisyones particulares que convengan e menester sean
obligandoos vos el dicho capitan piçarro primeramente ante
escrivano publico de guardar y complir lo contenydo en este asyento
que a vos toca como dicho es fecha en toledo a veynte e seys de
julio de myll e quinientos e veynte e nuebe años | yo la Reyna,
Refrendada de Juan Vazques señalada de conde y del dottor veltran.
 112.

(1529.—Julio 26, Toledo.)—Provisión que dispone y manda que sean hidalgos los
que fueren á las Indias con D. Francisco Pizarro.—Merced á los que son hidalgos
que sean caballeros y á los que no lo son que sean hidalgos.—(Pto. Est. 1.º,
cap. 1.º, leg. 1/28, R.º 22.)

Don Carlos etc=por quanto a nos ha sido fecha Relacion y somos

ynformados que el capitan francisco piçaRo con deseo de nos servir
con ayuda de algunos amygos e compañeros suyos, hizo cierta
armada para descubrir conquistar e poblar la cibdad de tunbez e las
tierras e provincias a ellas comarcanas que son a la parte del levante
de la mar del sur de la tierra firme llamada castilla del oro el qual fue
a fazer e hizo el dicho viaje e fueron en su conpañya bartolome Ruyz
piloto e cristoval de peralta e pedro de candia e domyngo de
toraluce e nyculas de Ribera e francisco de cuellar e alonso de
molina e pedro halcon e garcia de jaren e anton de carrion e alonso
brizeño e martyn de paz e juan de la toRe los quales en el dicho
viaje han pasado muchos trabajos e necesydades e nos han servido
en el con sus personas y faziendas, e nos fue suplicado e pedido por
merced que en Remuneracion de lo suso dicho e de lo que nos
desean servyr e poblar e permanecer en el (roto) tierra les
mandamos (roto) que a los que dellos (roto) los armemos cavalleros
e a los que son cibdadanos pecheros los hiziesemos hidalgos para
que en aquellas partes gozasen de las honrras gracias libertades
prehemynencias esenciones preRogativas e ynmunydades e las otras
cosas de que gozan e son guardadas a los fidalgos e cavalleros
armados destos nuestros Reynos o como la nuestra merced fuese e
nos acatando lo suso dicho por los honRar e por que con mas
voluntad nos syrvan de aqui adelante es nuestra merced de los fazer
merced como por la presente se la hazemos, que a los que de los
suso dicho son hidalgos sean cavalleros armados e gozen en
aquellas partes de las prehemynencias e libertades e otras cosas que
en estos nuestros Reynos goçan los cavalleros armados dellos e a los
que son cibdadanos pecheros que sean hidalgos de solar conocido e
gozen de las libertades e esenciones e prehemynencias e otras cosas
de que gozan e deven goçar los hijosdalgos de solar conocido de
estos nuestros Reynos ansy mesmo en aquellas partes e mandamos
a los nuestros governadores e otras justicias dellas que guarden e
cumplan e fagan guardar e conplir esta nuestra carta e lo en ella
contenydo en todo e por todo segun e como en ella se contiene so
pena de la nuestra merced e de diezmyll maravedis para la nuestra
camara a cada uno que lo contrario hiziere e sy los suso dichos
quysiyeren my carta de prevyllegio de lo en ella contenydo
mandamos que le sea dada tan fuerte e bastante e con los vínculos
e firmezas que sea menester syn les descontar diezmo ny
chancilleria que nos ayamos de aver segun la ordenança por quanto
de lo que en ello monta ansy mesmo le hazemos merced dada en
toledo a veynte e seys dias del mes de jullio de myll e quynyentos e
veynte e nueve años=yo la Reyna=yo juan vazquez de molina
secretario de sus cesarea e catolicas magestades la fize escrevir por
mandado de su magestad el qonde don garcia manRique el doctor
beltran.=Hay una rúbrica.
 113.

(1529.—Toledo, 10 de Agosto.)—Real Cédula á la Audiencia de Nueva España para

que los encomenderos permitan que diez ó doce indios vayan á amasar pan á
los monasterios y casas de los frailes de San Francisco dedicados á la enseñanza
de los niños naturales del país.—(A. de I., 87-6-1, lib. 1.º, fol. 36.)

La Reyna:
Nuestro presidente e oydores de la nuestra abdiencia e
chancilleria Real de la nueva España e otras nuestras justicias della
et a cada uno de vos a quien esta nuestra cedula fuere mostrada o
su traslado signado de escrivano publico por parte de los frayles
franciscos que Residen en esa nueba España me ha sido fecha
Relacion que ellos tienen en algunas de sus casas y monasterios
muchos niños de los naturales yndios dessa tierra para los enseñar e
yndustriar en las cosas de nuestra santa fe catolica e que para les
masar el pan que han de comer vienen algunos yndios e yndias de
los pueblos donde los dichos niños son naturales e que los cristianos
a quien sirven los dichos pueblos donde vienen los dichos yndios no
les dexan venir sin aver respeto al servicio que Dios nuestro Señor
dello recibe e ansy los dichos niños padecen mucha hanbre y no
tienen tanto aparejo para su conversion y nos fue suplicado y pedido
por merced cerca dello mandasemos proveer de Remedio mandando
que pues esto es sin perjuicio de los cristianos que tienen
encomendados los dichos pueblos pues por yr amasar el dicho pan
no les dexan de servir y dalles sus tributos y hazelles sus haziendas
porque los que vienen amasar el dicho pan son tan pocos que no
pueden hacer falta a sus señores los dexasen yr libremente amasar
el dicho pan pues dello Dios nuestro señor es tan servido y no viene
daño ni perjuicio á los dichos cristianos y las personas que ansi son
menester para ello no son mas de hasta diez ó doze para cada
monesterio o como la mi merced fuese por ende yo vos mando que
proveays y deys orden como las personas que tienen encomendados
los dichos pueblos no ynpidan a los dichos yndios e yndias hasta en
la dicha cantidad a que vayan amasar el dicho pan a los dichos
monasterios libremente y hazer cerca dellos sus moradas para bibir y
estar en ellas y si ansi no lo hizieren et cumplieren vosotros los
conpelays e apremieys a ello por todo rigor de justicia lo cual
mandamos que ansi cunplan las tales personas so pena dela nuestra
merced e de cient pesos de oro por cada vez que lo contrario
hizieren para la obra y edificio de los dichos monesterios e los unos
ny los otros no hagade ni fagan ende al por alguna manera so pena
dela nuestra merced et de diez mill maravedis para la nuestra
camara fecha en Toledo a diez dias del mes de agosto de mill e
quinientos e veynte e nuebe años=yo la Reyna=por mandado de su
magestad Juan Vazquez=señalada del conde e del doctor beltran et
del licenciado de la corte.
 114.

(1529.—Agosto 17, Toledo.)—Cedula que manda que los encomenderos ni otras

personas no puedan alquilar ni prestar los Indios de sus repartimientos ni
algunos dellos a ninguna persona so pena de perdimento de los dichos Indios, y
mitad de sus bienes.—(A. de I., 87-6-1, lib. 1.º, fol. 44.)

La Reyna.
Por quanto yo soy ynformada que los cristianos españoles que
tienen encomendados pueblos de yndios en la nueva españa no
myrando el servicio de nuestro señor y bien de los dichos yndios ny
guardando por ellos lo que por nos esta probeydo y mandado no
solamente se sirben y aprovechan dellos en trabajos y servicios
esesibos pero aun los alquilan y prestan a quien ellos quieren para
que les hagan casas y camynos y edificios y otras cosas de mucho
trabajo de que los dichos yndios resciben mucho daño y vienen en
dimynucion y con este mal tratamiento no vienen tan presto en
conocimiento de nuestra santa fe catolica e nos fue suplicado y
pedido por merced mandasemos proveer cerca dello de Remedio o
como la nuestra merced fuese et yo tobelo por bien y por la
presente mando que agora ny de aqui adelante alguna ny ninguna
personas que tovieren yndios encomendados en la dicha nueva
españa no puedan alquilar ny enprestar ny alquilen ny enpresten los
dichos yndios ny alguno dellos a ningunas personas so pena que
pierdan los dichos yndios y la mitad de sus bienes para la nuestra
camara e fisco dada en la cibdad de toledo a diez e syete dias del
mes de agosto año del señor de myll e quinientos e veinte et nueve
años señalada del conde y del doctor beltran y del licenciado de la
corte.
 115.

(1529.—Agosto 24, Toledo.)—Cedula que manda se guarden las ordenanças sobre

el buen tratamiento de los yndios sin embargo de cualquier suplicacion que
dellos se interpusieran.—(A. de I., 87-6-1, lib. 1.º, fol. 59.)

La Reyna.
Nuestro presidente e oydores dela nuestra abdiençia e
chancillería Real de la nueva españa e a todos e qualesquier
nuestros juezes e justicias de todas las cibdades villas y lugares della
e otras cualesquier personas a quyen lo de yuso en esta my cedula
contenido toca e atañe e a cada uno de vos a quyen fuere mostrada
o su traslado signado de escribano publico bien sabeys como nos
deseando la conservacion e acresentamiento de esa tierra y
conversion de los naturales della a nuestra santa fe catolica e para
su buen tratamiento mandamos hazer ciertas nuestras ordenanças
firmadas del enperador e Rey mi señor y sellada con nuestro sello
fecha en toledo a quatro dias del mes de setienbre del año pasado
de myll quinientos e veynte e ocho años e porque podria ser que
algunos de vos no myrando al servicio de nuestro señor ny el bien
de los dichos yndios e conservacion dellos e por se aprobechar
dellos e ponerlos en nesecidad e trabajos como hasta aquy se ha
echo suplicasedes de las dichas hordenças o de alguna dellas o
pusiesedes algund yconvinyente o ynpedimento en su execucion e
cunplymiento por manera que no abrian efecto e porque nuestra
voluntad es de proveer cerca dello que las dichas ordenanças se
guarden ynviolablemente yo vos mando a todos e a cada uno de vos
que veades las dichas ordenanças de que de suso se haze mencion y
las guardeys e cumplays y executeys y hagays guardar e cumplir y
executar en todo e por todo segund e como en ellas e cerca de cada
una dellas se contiene et contra el tenor y forma dellas ny de lo en
ellas contenydo non vayades ny pasedes ny consintays ir ny pasar en
tienpo alguno ni por alguna manera sin enbargo de qualquier
suplicacion o apelacion que de cualquier dellas se oviese ynterpuesto
o yntipusieren so las penas en ellas contenydas e de mas sopena de
la nuestra merced e de perdimento de todos vuestros bienes para la
nuestra camara e fisco e suspencion devuestros oficios e porque lo
susodicho se anotorio e nynguno dello pueda pretender ynorancia
mandamos que esta dicha cedula o el dicho su traslado sea
apregonada publicamente en las cibdades de mexico e la veracruz y
en todas las otras cibdades villas y lugares de la dicha nueva españa
fecha en toledo a veynte e cuatro dias del mes de agosto de myll e
quinyentos e veynte e nueve años yo la Reyna refrendada de Juan
Vazquez señalada del conde e del doctor beltran e del licenciado de
la corte.
 116.

(1529.—Agosto 24, Toledo.)—Cédula que manda que no se pueda jugar en la

nueva España en un dia natural mas de hasta diez pesos.—(87-6-1, lib. 1.º, fol.
53.)

La Reyna.
Nuestro presidente e oydores de la nuestra Abdiencia et
chancilleria Real de la nueva España et otras justicias del la bien
sabeys como en la ynstrucion que mandamos dar avos los dichos
nuestro presidente e oydores para la buena governacion desa tierra
y un capitulo que habla cerca de los juegos excesivos que en ella se
juegan su tenor del qual dicho capitulo es este que se sigue ansi
mismo soy ynformado que en la dicha tierra entre los españoles ay
grandes e excesivos juegos y como quiera que enla ynstruccion del
licenciado se le mandava que proveyese como no los oviese no es
bastante Remedio por que aunque gran cantidad lo que se pierde e
juega no lo tienen por esesiva cosa e porque desto Redundan los
mysmos ynconvenyentes que del capitulo presedente e otros
muchos vos mando que tengays mucho cuydado de defender so
graves penas que nynguno sea osado de jugar dados ny ningun
juego conellos de tablas ny de otra manera ny nadie los tenga en su
poder so una grave pena e que ansi mysmo nadie no pueda jugar
naypes ny otro juego alguno mas de diez pesos deoro en un dia
natural de veynte e quatro oras e agora yo soy ynformado que a
cabsa de no aver vosotros cumplido ny executado lo contenido en el
dicho capitulo que desuso va encorporado todavia se juegan los
dichos juegos ecesibos en gran cantidad de que se siguen muchos
Reniegos y blasfemias en deservicio de nuestro señor y daño y
perdicion de nuestros vasallos e otros muchos males et nos fue
suplicado e pedido por merced cerca dello mandasemos proveer de
Remedio mandando so graves penas que no se jugasen los dichos
juegos esecivos o como la mi merced fuese e yo tovelo por bien por
ende yo vos mando a todos e a cada uno de vos a quyen esta my
cedula fuere mostrada o su traslado signado de escribano publico
que veades el dicho capitulo que de suso va encorporado e lo
guardeys e cunplays y executeis y hagays guardar e cumplir e
executar en todo e por todo segund e como en ell se contienen e si
contra lo en ell contenydo alguna personas jugaren los dichos juegos
en mas cantidad de los dichos diez pesos en las dichas veinte e
quatro oras procedays contra ellos y contra sus bienes por todo
Rigor de justicia executando en ellos y en los dichos sus bienes las
penas en que por ello cayeren e incurryeren e por que esto sea
notorio e nynguno dello pueda pretender ynorancia mandamos que
esta my cedula sea apregonada por pregonero y ante escribano
publico en todas las cibdades villas y lugares de la nueva españa
fecha en toledo a veynte e quatro dias del mes de agosto de mill e
quinientos e veynte e nueve años yo la Reyna refrendada de Juan
Vazques señalada del conde e del doctor beltran e dell licenciado de
la corte.
 117.

(1529.—Agosto 24, Toledo.)—Cédula que manda á los que fueren intérpretes y

lenguas en la nueva España no pidan ni lleven á los indios joyas ni otras cosas,
so pena de destierro y perdimento de bienes.—(87-6-1, lib. 1.º, fol. 56.)

La Reyna=por quanto yo soy informada que en la nueva España

algunos españoles que son lenguas entre los yndios y españoles que
andan por la tierra y cibdades y pueblos della a cosas y negocios
que les mandan las justicias e governadores e otras vezes que ellos
por su abtoridad se van con los dichos yndios por se aprovechar
dellos haziendoles grandes estorciones cohechos pidiendoles joyas e
Ropas e mugeres para ellos e para las dichas justicias en descervicio
de dios nuestro señor e nuestro y daño de los dichos yndios y nos
fue suplicado e pedido por merced cerca dello mandasemos proveer
de remedio mandando que las dichas lenguas no pidiesen ny
rescibiesen de los dichos yndios para sy ny para las dichas justicias
ny otras personas joyas Ropas mugeres mantenymyentos ny otra
cosa alguna o como la my merced fuese e tovelo por bien y por la
presente mandamos y defendemos que agora ny de aquy adelante
en la dicha nueva España nynguna de las dichas lenguas puedan
pedir ny Rescibir ny pidan ny resciban de los dichos yndios naturales
della para sy ny para las dichas justicias ny otras personas las dichas
joyas Ropas mugeres mantenymientos ny otras cosas algunas demas
de aquello conque los dichos yndios son obligados a servir a las
personas que los tienen encomendados so pena quel que lo
contrario hiziere pierda sus bienes para la nuestra camara e fisco e
sea desterrado de la dicha tierra e mandamos a nuestro presidente e
oydores e otras justicias della que asi lo guarden e cunplan y
executen y hagan guardar e cunplir y executar so pena de la nuestra
merced e de diez myll maravedis para la nuestra camara fecha en
toledo a veynte e quatro dias del mes de agosto de myll e quinientos
e veynte e nueve años=yo la Reyna=refrendada de Juan vazquez
señalada del conde e del doctor beltran e del licenciado de la corte.
 118.

(1529.—Agosto 24, Toledo.)—Cédula que manda á la Audiencia de la nueva

España provea como se castiguen los perjuros y testigos falsos con mucho rigor,
conforme á las leyes del reino.—(87-6-1, lib. 1.º, fol. 57 vto.)

La Reyna=nuestro presidente e oydores de la nuestra abdiencia e

chacilleria Real de la nueva españa e otras nuestras Justicias della e
a cada uno de vos yo soy ynformada que en esa tierra e
especialmente en la ciudad de mexico y la veracruz ay muchas
personas testigos falsos que por muy poco ynteres se perjuran en
qualesquyer pleytos e negocios que se ofrecen e dellos se quieren
aprovechar lo qual es mucho deservicio de dios y nuestro y daño de
la tierra e de muchos particulares della e me fue suplicado e pedido
por merced cerca dello mandase proveer de remedio o como la
nuestra merced fuese y nos tovimoslo por bien porende yo vos
mando a todos e acada uno devos que veades lo susodicho e
proveays de manera que no se hagan los dichos juramentos falsos
castigando con todo Rigor de justicia conforme a las leyes de
nuestros Reynos a los que lo hizieren de lo qual vos mandamos que
tengays particular y especial cuydado como en cosa que tanto
ynporta al servicio de dios y nuestro y execucion de la nuestra
justicia et los unos ny los otros non fagade ny hagan ende al por
alguna manera so pena de la nuestra merced e de diez myll
maravedis para la nuestra camara fecha en toledo a veynte e quatro
dias del mes de agosto de myll e quinientos e veynte e nueve años y
mandamos que esta my cedula se pregone publicamente en las
cibdades de mexico e la vera cruz y en las otras cibdades villas e
lugares de la dicha nueva españa=yo la Reyna=Refrendada de Juan
vazques señalada del conde e del doctor betran e del licenciado de
la corte.
 119.

(1529.—Agosto 24, Toledo.)—Cédula que manda á la Audiencia de México y

arzobispo provean lo que mas convenga sobre que los indios no echen pulque
en el vino y las penas que sobre ello pusieran no sean pecuniarias.—(87-6-1, lib.
1.º, fol. 60.)

La Reyna=a nuestro presidente e oydores de la nuestra abdiencia

e cnancilleria Real de la nueva españa e a vos el Reverendo en cristo
padre fray Juan de çumarraga obispo de mexico yo soy ynformado
que los yndios naturales desa nueva españa hazen un cierto vino
que se llama bulcre en el qual diz que en los tienpos que hazen sus
fiestas y en todo el mas tiempo del año hechan una Rays quellos
sienbran para efecto de echar en el dicho vino e para lo fortificar e
tomar mas sabor en ello con el qual se enborrachan e ansi
enborrachados hazen sus seremonias y sacrificios que solian hazer
antiguamente e como estan furiosos ponen las manos los unos en
los otros y se matan y demas de esto se sigue de la dicha
enbriagues muchos vicios carnales y nefandos de lo qual dios
nuestro señor es muy desservido y que para el Remedio dello
convernya que no se senbrase la tal Raiz e aunque se senbrase para
otra cosa que no se hechase en el dicho vino e nos fue suplicado
ansi lo mandasemos proveer o como la my merced fuese por ende
yo vos mando y encargo que luego veades lo susodicho e proveays
en ello como os paresciere que conbiene poniendo cerca dello las
penas que vos parescieren contando que las dichas penas que ansi
pusieredes no sean pecuniarias y enbiarnos eys Relacion de lo que
cerca desto proveyeredes y mandamos que entre tanto que la dicha
Relacion viene y se vee e provee lo que convenga se guarde lo que
cerca desto ordenaredes e mandaredes fecha en toledo a veynte e
quatro dias del mes de agosto de myll et quinientos e veynte e
nueve años=yo la Reyna=Refrendada de Juan vazquez señalada del
conde e del doctor beltran e del licenciado de la corte.
 120.

(1529.—Toledo, 24 Agosto.)—Provisión que manda que los indios naturales de la

Nueva España no puedan ser esclavos ni herrados.—(87-6-1, lib. 1.º, fol. 62.)

Don carlos e doña Juana et a vos el nuestro presidente e oydores

da la nuestra abdiencia e chancilleria Real de la nueva españa salud
y gracia bien sabeys como nos mandamos dar e dimos una nuestra
carta firmada de my el Rey e sellada con nuestro sello su tenor de la
qual es este que se sigue. Don Carlos e doña Juana, etc=a vos el
nuestro presidente e oydores de la nuestra abdiencia e chacilleria
Real de la nueva españa e a vos los nuestros governadores e otras
justicias qualesquier de todas las tierras e provincias que se
yncluyen en los lymites que estan señalados a la dicha abdiencia e a
cada uno e qualquyer de vos en vuestros lugares y juridiciones salud
y gracia sepades que nos somos ynformados que muchos yndios an
sido y son cautivados ynjustamente por los cristianos nuestros
subditos y naturales e otras personas estantes en esa tierras e
provincias e tratantes enellas e por los poder tener por esclabos e
que sean avidos por tales los hierran de una señal en el Rostro e con
este color se an vendido y enajenados muchos dellos por esclabos
siendo libres lo qual Redunda en mucho desservicio de dios y
nuestro e daño de los dichos yndios y platicado en el nuestro
consejo de las Indias e conmygo el Rey consultado fue acordado que
debiamos mandar dar esta nuestra carta para vos en la dicha Razon
e nos tovimoslo por bien por la cual o por su treslado signado de
escribano publico defendemos y mandamos que agora ny de aquy a
delante todas e qualesquier personas de qualquier estado e calidad
e condicion que sean si tuviesen algunos yndios que pretendan ser
esclavos avidos con justo titulo sean tenidos e obligados de lo
manyfestar e presentar ante vosotros el dicho presidente e oydores
y en las otras governaciones ante la nuestra justicia en el lugar
donde estuviesen nuestros oficiales y muestren el titulo y causa que
tienen para ser cabtivos y quede escripto y asentado en el Registro
del escrivano ante quyen le presentaren el qual le de fee de la
declaracion que la tal justicia hiziere en que le pronuncie por esclavo
e si el dueño del quysiese e herrarle por tal esclabo no lo pueda
facer ny haga por su abtoridad sino con licencia e por mandado de
la dicha justicia e con hierro y señal conosida el qual hierro con la
dicha señal y marca aya de estar y este en poder de la nuestra
justicia y no de otra persona alguna so pena que si el dicho hierro
fuese hallado en poder de alguna persona particular o se supiere
que hierra alguno por esclavo con otro hierro e sin licencia de la
dicha nuestra justicia cayga e yncurra en perdimento de la mitad de
todos sus bienes para nuestra camara et fisco e aya perdido el
esclavo que asi oviese herrado de otra manera e sediendo de la
orden y forma susodicha y sea la mytad del valor del dicho esclavo
para el que lo denunciare e la otra mytad para el Juez que lo
sentenciare e asimismo vos mandamos que luego que esta nuestra
carta vos fuese mostrada pongays un termino convenyble a todos
los que tienen los dichos esclavos que el que dentro de aquel no lo
tuviese declarado por tal y herrado en la manera que dicho es de ay
adelante el tal yndio quede libre y no lo pueda herrar sino queste en
la mysma libertad que los otros lo son e por que esto venga a noticia
de todos e nynguno dello pueda pretender ynorancia mandamos que
esta nuestra carta sea apregonada publicamente por pregonero y
ante escrivano publico en los lugares e plaças acostunbrados por
manera que venga a noticia de todos e nynguno pueda pretender
ygnorancia y fecho el dicho pregon si alguna o algunas personas
fueren o pasaren contra lo enesta nuestra carta contenido
mandamos que sean executados en ellos y en sus bienes las dichas
penas de que de suso se haze mencion e otro si vos mandamos que
vos ynformeys si en los terminos de vuestras juridiciones ay algunos