6. CSS Properties – Part 3 | Web Developer's Reference Guide

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Web Developer's Reference Guide

By : Joshua Johanan, Talha Khan, Ricardo Zea

4.7 (3)

Web Developer's Reference Guide

4.7 (3)

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.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. HTML Elements

1. HTML Elements

DOCTYPE

html

Document metadata

Semantic content sections

Content sections

Inline elements

Embedded content

Tables

Forms

Drawing elements

2. HTML Attributes

2. HTML Attributes

Global attributes

Miscellaneous

3. CSS Concepts and Applications

3. CSS Concepts and Applications

Basic selectors

Combinators

Pseudo-classes

Validation

Pseudo-elements

Generated content

4. CSS Properties – Part 1

4. CSS Properties – Part 1

Animation

Background

Box model

Border radius

Unit

Flexible box (flexbox)

Summary

5. CSS Properties – Part 2

5. CSS Properties – Part 2

Fonts

Transform

Positioning

Text

Tables

Words and paragraphs

Paging

6. CSS Properties – Part 3

6. CSS Properties – Part 3

Page box

List

Counter

Drop shadows

Display and visibility

Masking and clipping

Image rendering and orientation

User interface

3-Dimensional

Summary

7. CSS Functions

7. CSS Functions

Filter

Colors

Gradients

Values

Miscellaneous

At-rules

Global CSS keyword values

Summary

8. JavaScript Implementations, Syntax Basics, and Variable Types

8. JavaScript Implementations, Syntax Basics, and Variable Types

History of JavaScript

JavaScript implementations

The language syntax

The character set

Data type

Variable, scope, and memory

9. JavaScript Expressions, Operators, Statements, and Arrays

9. JavaScript Expressions, Operators, Statements, and Arrays

Expressions

Operators

Statements

Arrays

10. JavaScript Object-Oriented Programming

10. JavaScript Object-Oriented Programming

Polymorphism

Objects

Functions and methods

Classes and modules

Inheritance

Built-in objects

11. Extending JavaScript and ECMAScript 6

11. Extending JavaScript and ECMAScript 6

Compatibility and goals

JavaScript subset and extensions

Scoped variables and constants

Shorthand functions

Multiple catch clauses

E4X – ECMAScript for XML

ECMAScript 6 features

12. Server-side JavaScript – NodeJS

12. Server-side JavaScript – NodeJS

File and process management

Utilities

The net module

The HTTP module

13. Bootstrap – The Stylish CSS Frontend Framework

13. Bootstrap – The Stylish CSS Frontend Framework

Introduction to Bootstrap foundations

Getting started

Layouts

The grid system

Typography

Tables

Lists

Forms in Bootstrap

Images

Navigation elements

The navigation bar

Panels

Breadcrumbs

Labels and badges

Pagination

Progress bars

Advanced Bootstrap/JavaScript plugins

Customizing Bootstrap

Websites built with Bootstrap

Bootstrap resources

14. jQuery – The Popular JavaScript Library

14. jQuery – The Popular JavaScript Library

The evolution of JQuery

Getting started

Using jQuery

Selectors

Events

Effects and animations

Callback

Chaining

jQuery and the document object model

jQuery traversing

Using AJAX in jQuery

Miscellaneous jQuery functions

jQuery plugins

jQuery resources

15. AngularJS – Google's In-Demand Framework

15. AngularJS – Google's In-Demand Framework

Modules (ngApp)

Routing (ngRoute)

Dependency injection

Controllers

Scope

Services

Promises

Expressions

Directives

Globals

Forms

Testing

Index

Index

Page box

The page box is a square/rectangular area built out of two parts: the page area and the margin area.

The page area is where the content sits and all elements are laid out. The margin area sits around the page area and is transparent. If we add a background color to the page area, it will cover the page area and the margin area.

The size of the page box cannot be modified. But if we plan to modify some of the page box properties, we need to include them in an @page rule.

Let's check it out.

bleed

The bleed CSS property is also called the CSS at-rule descriptor. It defines how much a page should "overflow" or bleed outside the page box. This property only works if marks have been enabled using the marks property, which we'll see next.

Description

The bleed property only supports a length value: px, em, in, mm, cm, vw, and so on.

CSS:

@page {
  bleed: 5mm;
}

marks

The marks CSS property, also called a CSS at-rule descriptor, defines the types of mark that should be rendered and printed outside...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Web Developer's Reference Guide

Search

Your notes and bookmarks