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: 1445
Created: 2016-12-26

Warning: Trying to access array offset on false in /home/tutovnfz/public_html/article.php on line 233

Others CSS Tutorials

Introduction to CSS

W3.CSS Succinctly

How to Code in HTML5 and CSS3

HTML5 and responsive Web design

Essential CSS

Others related eBooks about Cascading Style Sheets (CSS) Notes

Vue.js tutorial in PDF

Download free Vue.js tutorial course in PDF, training file in 26 chapters and 93 pages. Free unaffiliated ebook created from Stack OverFlow contributor....

Twitter Bootstrap 4 Succinctly

Download free course Twitter Bootstrap 4 Succinctly, pdf file on 115 pages by Peter Shaw....

Getting Started with Ruby programming language

A complet tutorial about Ruby programming language under 594 pages for advanced level students, free training document in PDF by David Flanagan and Yukihiro Matsumoto....

Learning Node.js

Node.js is an event-based, non-blocking, asynchronous I/O framework that uses Google's V8 ..., download free Node.js tutorial in PDF (414 pages) created by ....

HTML5 Notes for Professionals

Download free course HTML5 Notes for Professionals, pdf file on 124 pages by Stack Overflow Community....

Acceptance Test Driven Development with React

Download free course Acceptance Test Driven Development with React, pdf file on 182 pages by Leanpub....

The HTML Handbook

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

React in patterns

Download free course React in patterns, pdf file on 107 pages by Krasimir Tsonev....

Node.js, a Developer's Guid

Download free course To Learn how to reading documents from the database with Node.js. training PDF tutorial ....

CSS tutorial for professionals

Download free CSS tutorial course in PDF, training file in 56 chapters and 244 pages. Free unaffiliated ebook created from Stack OverFlow contributor....