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

Others CSS Tutorials

HTML5 and responsive Web design

W3.CSS Succinctly

Transforms in CSS

HTML5 and CSS3

Cascading style sheets (CSS) free pdf tutorial

Others related eBooks about Cascading Style Sheets (CSS) Notes

Introduction to web development with Python and Django

Download introduction to web development with Python and Django, free training document in PDF under 28 pages....

Learning advanced-custom-fields PDF course

Download free Advanced custom fields tutorial course in PDF, training file in 5 chapters and 14 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: ...

You Don't Know JS Yet: ES.Next & Beyond - 2nd Edition

No matter how much experience you have with JavaScript, odds are you don't fully understand the language. As part of the "You Don't Know JS" series, this compact guide focuses on new features available in ECMAScript 6 (ES6), the latest version of the standard upon which JavaScript is built. ...

Web API Design in PDF

Download free course intituled Web API Design . This course is intended to a beginners users, document on format pdf in 70 pages created by gidgreen.com ....

What is SharePoint ?

This tutorials provides an overview about Sharepoint software ,download a free training courses under 31 pages...

Node.js programming by example

Download Free training document about Node.js under 16 pages intended to advanced level-users....

Django Web Framework and Python

Download free PDF tutorial about Django framework with Python, document under 40 page by Zhaojie Zhang....

How To Build a Website With CSS and HTML

This project-based eBook will introduce you to Cascading Style Sheets (CSS), a stylesheet ..., download free CSS tutorial in PDF (172 pages) created by Erin Glass ....

Search Engine Optimization pdf course

Download free Search Engine Optimization SEO Guide for beginners, course tutorials, pdf training document on 350 pages....