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: 1433
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

HTML5 and CSS3

Cascading style sheets (CSS) free pdf tutorial

Transforms in CSS

Transforms in CSS

Learning CSS

Others related eBooks about Cascading Style Sheets (CSS) Notes

HTML5 canvas tutorial

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

Get started with HTML5

This tutorial aim to provide a gentle introduction to these amazing new web technologies, and to show you some cool ways of incorporating them into your websites....

The HTML Handbook

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

Learning JavaScript

Download Advanced JavaScript Course, PDF document on 643 pages created by Stack OverFlow. This is a free and unofficial JavaScript ebook created for educational purposes. All content is extracted from the Stack Overflow documentation, written by many developers....

MySQL tutorial for professionals

Download free MySQL tutorial course in PDF, training file in 70 chapters and 199 pages. Free unaffiliated ebook created from Stack OverFlow contributor....

Practical Semantic Web and Linked Data Applications

The next major advance in the Web will be Web 3.0 which will be built on semantic Web technologies. ...

The Vue.js Handbook

Vue.js is a very impressive project. It's a very popular JavaScript framework, one that's ..., download free Vue.js tutorial in PDF (122 pages) created by ....

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

PHP Notes for Professionals

PHP is a server-side scripting language that is widely used for web development. With this book, you will get a deep understanding of the advanced programming concepts in PHP and how to apply it practically....

Learning Website Development with Django

A beginner's PDF tutorial to building web applications,quickly and cleanly, with the Django application framework by Ayman Hourieh....