David Karlins - HTML5 and CSS3 For Dummies

HTML5 & CSS3 For Dummies

Published by: John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030-5774, www.wiley.com

Copyright 2014 by John Wiley & Sons, Inc., Hoboken, New Jersey

Published simultaneously in Canada

Media and software compilation copyright 2014 by John Wiley & Sons, Inc. All rights reserved.

No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without the prior written permission of the Publisher. Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 748-6011, fax (201) 748-6008, or online at http://www.wiley.com/go/permissions .

Trademarks: Wiley, For Dummies, the Dummies Man logo, Dummies.com, Making Everything Easier, and related trade dress are trademarks or registered trademarks of John Wiley & Sons, Inc. and may not be used without written permission. All other trademarks are the property of their respective owners. John Wiley & Sons, Inc. is not associated with any product or vendor mentioned in this book.

Limit of Liability/Disclaimer of Warranty: The publisher and the author make no representations or warranties with respect to the accuracy or completeness of the contents of this work and specifically disclaim all warranties, including without limitation warranties of fitness for a particular purpose. No warranty may be created or extended by sales or promotional materials. The advice and strategies contained herein may not be suitable for every situation. This work is sold with the understanding that the publisher is not engaged in rendering legal, accounting, or other professional services. If professional assistance is required, the services of a competent professional person should be sought. Neither the publisher nor the author shall be liable for damages arising herefrom. The fact that an organization or Website is referred to in this work as a citation and/or a potential source of further information does not mean that the author or the publisher endorses the information the organization or Website may provide or recommendations it may make. Further, readers should be aware that Internet Websites listed in this work may have changed or disappeared between when this work was written and when it is read.

For general information on our other products and services, please contact our Customer Care Department within the U.S. at 877-762-2974, outside the U.S. at 317-572-3993, or fax 317-572-4002. For technical support, please visit www.wiley.com/techsupport .

Wiley publishes in a variety of print and electronic formats and by print-on-demand. Some material included with standard print versions of this book may not be included in e-books or in print-on-demand. If this book refers to media such as a CD or DVD that is not included in the version you purchased, you may download this material at http://booksupport.wiley.com . For more information about Wiley products, visit www.wiley.com .

Library of Congress Control Number: 2013944335

ISBN 978-1-118-58863-5 (pbk); ISBN 978-1-118-63941-2 (ebk); ISBN 978-1-118-63965-8 (ebk)

Manufactured in the United States of America

10 9 8 7 6 5 4 3 2 1

Introduction

H TML and CSS are the basic building blocks of websites. The advent of HTML5 and CSS3 represents a dynamic and powerful evolutionary stage in the development of web design. Maximizing the potential of HTML5 and CSS3 makes it possible to apply styling and formatting, present audio and video, and create animation and interactivity in ways that have never before been possible without stringing together plugins, image files, and JavaScript.

About This Book

The web is filled with useful (and some not so useful) resources with definitions, descriptions, and syntax for HTML5 and CSS3. This book presents, in a coherent manner, a survey of the HTML5 and CSS3 tools and features and how to deploy them. The book begins with a compressed course in building pages with HTML and CSS and then quickly moves into a detailed exploration of how to really get the most out of HTML5 and CSS3.

Here are a few basic technical conventions used throughout the book:

Code (HTML5, CSS3, or small doses of JavaScript and PHP) is always indicated with monofont type. I provide numerous blocks of code that you might want to copy and paste as well as code snippets.

Web addresses and programming code also appear in monofont . If you're reading a digital version of this book on a device connected to the Internet, note that you can click the web address to visit that website, like this: www.dummies.com.

Overwhelmingly, the only software needed to apply all the features explored in this book is a code editor (free ones work just fine) and a browser to preview how pages will look. In rare occasions where I describe steps in command-based resources, commands are shown with arrow connectors () as in, With your browser open, choose File Open.

Foolish Assumptions

This book is written for two audiences and everyone who falls in between them. The first audience is readers just stepping into the world of web page layout and design in a serious way. Youve been exposed to HTML and CSS and now want to jump in with both feet and learn the basics of web page design with the latest (and greatest) versions of HTML and CSS.

The second audience is experienced web designers who have explored pieces of the HTML5 and CSS3 puzzle and have applied some HTML5 and CSS3 tools but want (and need) to deploy a full understanding of HTML5 and CSS3.

Icons Used in This Book

The Tip icon marks tips and shortcuts that you can use to make page design easier.

Remember icons draw your attention to the information thats especially important to know.

The Technical Stuff icon marks information of a highly technical nature, and you can skip these if you arent interested in information that ventures beyond the basics.

The Warning icon tells you to watch out! It marks important information that may save you headaches or disasters.

The On the Web icon marks links to online reference material as well as all of the code listings used in this book.