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

CSS in Depth

How to Code in HTML5 and CSS3

W3.CSS Succinctly

Transforms in CSS

HTML5 and responsive Web design

Others related eBooks about Cascading Style Sheets (CSS) Notes

PHP Symfony framework course

Download a complete guide in PDF about Symfony2 plateforme....

Advanced javascript

...

AngularJS Notes for Professionals

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

Introduction to XHTML

XHTML is a stricter and cleaner version of HTML. In this tutorial you will learn the difference between HTML and XHTML. We will also show you how W3Schools.com was converted into XHTML....

RESTful Web Services

"Every developer working with the Web needs to read this book." - David Heinemei..., download free Web Services tutorial in PDF (448 pages)....

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

Building Front-End Apps with AngularJS and Parse.com

This tutorial book shows how to build JavaScript front-end web applications with AngularJS and the cloud storage service Parse.com. By learning from the examples provided in the book, you can quickly improve your understanding of basic concepts and techniques, and by downloading the complete code of...

Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers

This book is a guide for the transition between ECMAScript 5 and 6. It is not specific to any JavaScript environment, so it is equally useful to web developers as it is Node.js developers....

React in patterns

This book about common design patterns / techniques used while developing with React. It i..., download free React tutorial in PDF (107 pages) created by ....

Drupal 7 Views Cookbook

Fully revised and updated for 2016, Drupal 7 Views Cookbook allows you to bypass most of t..., download free Drupal 7 tutorial in PDF (218 pages) created by Ayen Green ....