Cascading Style Sheets (CSS) Notes

Cascading Style Sheets (CSS) are used to define the layout of Web pages.

Now, your HTML code will be used only to define the structure of your contents while the CSS will allow you to create your styles and your layout.

CSS is a very effective new way to apply styles to HTML elements.

They allow you to set any style property such as border, character type, background color, space between letters, and so on. (We will come back later on how to do this).

There are three main ways to apply CSS styles:

  • In the code body (X) HTML;
  • In the header of the page;
  • In a style sheet completely separate from the HTML (X) code.

Table of contents

  • What is CSS?
  • Styles Solved a Big Problem
  • CSS Saves a Lot of Work
  • CSS Syntax
  • CSS Selectors
  • CSS Element Selector Example
  • CSS Comments
  • The id and class Selectors
  • The class Selector
  • Three Ways to Insert CSS
  • External Style Sheet
  • Internal Style Sheet
  • Inline Styles
  • Multiple Styles Will Cascade into One
  • CSS Background Properties
  • Background Color
  • Background Image
  • Background Image - Repeat Horizontally or Vertically
  • Background Image - Set position and no-repeat
  • Background - Shorthand property
  • CSS Border
  • Text Transformation
  • Text Indentation
  • Grouping Selectors
  • Nesting Selectors
  • Static Positioning
  • What is CSS Float?
  • How Elements Float
  • Navigation Bars
Size : 316.22 Kb
File type : pdf
Downloads: 1401
Created: 2016-12-26

Others CSS Tutorials

CSS Animation 101

HTML5 and CSS3

Learning CSS

W3.CSS Succinctly

The CSS Handbook

Others related eBooks about Cascading Style Sheets (CSS) Notes

XML by Examples

A complet PDF tutorial about XML,XSL and XSLT under 528 pages, it assumed that you have some basic HTML coding experience but you don't need to be an expert....

Lisp Web Tales

Download free course Lisp Web Tales, pdf file on 91 pages by Pavel Penev....

Real-time Linked Dataspaces

Download free course Real-time Linked Dataspaces, pdf file on 333 pages by Edward Curry....

Essential HTML5 Canvas

This book written to provide clear and concise explanation of topics for programmers both starting to learn the HTML Canvas as well as those diving in more complex topics. Most examples are linked to online playground that allows you to change the code and re-run it....

Learning jQuery PDF course

Download free Jquery tutorial course in PDF, training file in 18 chapters and 88 pages. Free unaffiliated ebook created from Stack OverFlow contributor....

The JavaScript Way

This book aims to be a useful companion for anyone wishing to (re)discover the many facets of JavaScript. Numerous brain cycles were spent to make it: ...

JQuery tutorial for professionals

Download free JQuery tutorial course in PDF, training file in 18 chapters and 67 pages. Free unaffiliated ebook created from Stack OverFlow contributor....

The React Beginner's Handbook

Download free course The React Beginner's Handbook, pdf file on 40 pages by Flavio Copes....

The HTML Handbook

Download free course The HTML Handbook, pdf file on 87 pages by Flavio Copes....

You Don't Know JS Yet: Get Started - 2nd Edition

It's easy to learn parts of JavaScript, but much harder to learn it completely or even sufficiently whether you're new to the language or have used it for years. With the "You Don't Know JS" book series, you'll get a more complete understanding of JavaScript, including trickier parts of the language...