Book Image

Web Developer's Reference Guide

By : Joshua Johanan, Talha Khan, Ricardo Zea
Book Image

Web Developer's Reference Guide

By: Joshua Johanan, Talha Khan, Ricardo Zea

Overview of this book

This comprehensive reference guide takes you through each topic in web development and highlights the most popular and important elements of each area. Starting with HTML, you will learn key elements and attributes and how they relate to each other. Next, you will explore CSS pseudo-classes and pseudo-elements, followed by CSS properties and functions. This will introduce you to many powerful and new selectors. You will then move on to JavaScript. This section will not just introduce functions, but will provide you with an entire reference for the language and paradigms. You will discover more about three of the most popular frameworks today—Bootstrap, which builds on CSS, jQuery which builds on JavaScript, and AngularJS, which also builds on JavaScript. Finally, you will take a walk-through Node.js, which is a server-side framework that allows you to write programs in JavaScript.
Table of Contents (22 chapters)
Web Developer's Reference Guide
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
9
JavaScript Expressions, Operators, Statements, and Arrays
Index

Global CSS keyword values


The following list of keyword values is ubiquitous to web designers and developers, but have you ever wondered what exactly they mean and do?

auto

The auto CSS keyword value tells the browser to automatically compute the CSS property's value, and it looks like this:

margin: auto;

The term auto is short for automatic. It's not the same as saying 100% because 100% is an actual defined value; auto is calculated by the browser.

One of the most common locations to see the keyword auto applied is when centering an element horizontally with the margin CSS property.

CSS:

.element {
  margin: auto;
}

Tip

I've seen most people use margin: 0 auto; to center an element. This is fine, but the value zero (0) can be omitted. margin: auto; is enough and yields the same result.

inherit

The inherit CSS keyword value makes an element derive/inherit the values of its parent container.

CSS:

/*All <h1>'s are red*/
h1 { color: red; }
/*All text in .element is blue*/
.element { color: blue...