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

Others CSS Tutorials

CSS Notes for Professionals

CSS tutorial for professionals

How to Code in HTML5 and CSS3

Transforms in CSS

Cascading style sheets (CSS) free pdf tutorial

Others related eBooks about Cascading Style Sheets (CSS) Notes

Getting started with ASP.NET

This tutorial guides you step by step to create an ASP.NET Web pages ,free training document under 62 pages by Erik Reitan....

Web Application Security

Download free course Web Application Security, pdf file on 331 pages by Andrew Hoffman....

Eloquent JavaScript: A Modern Introduction to Programming

JavaScript lies at the heart of almost every modern web application, from social apps to the newest browser-based games. Though simple for beginners to pick up and play with, JavaScript is a flexible, complex language that you can use to build full-scale applications. ...

PrestaShop Developer Guide

Download free Prestashop document, course and tutorial training, PDF file on 37 pages intended to beginners whos wants to build his own online commerce store....

Learning React Native

Download free course Learning React Native, pdf file on 101 pages by Stack Overflow Community....

Learning AngularJS

This PDF tutorial is designed for those who wish to learn the basics of AngularJS quickly and efficiently. It describes the components of AngularJS with appropriate examples....

CSS Animation 101

Download free course CSS Animation 101, pdf file on 91 pages by Donovan Hutchinson....

HTML5 Shoot 'em Up in an Afternoon

Learn how to make a simple top-down shoot 'em up in a few hours using the Phaser HTML5 game framework....

The React Beginner's Handbook

The React Beginner's Handbook follows the 80/20 rule: learn in 20% of the time the 80% of ..., download free React tutorial in PDF (40 pages) created by ....

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....