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

Cascading style sheets (CSS) free pdf tutorial

CSS in Depth

HTML5 and CSS3

CSS Notes for Professionals

HTML, CSS, Bootstrap, Javascript and jQuery in PDF

Others related eBooks about Cascading Style Sheets (CSS) Notes

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

Create dynamic web pages with PHP and PDO

Download free training document to learn how to create a web pages using MySQL, PHP and PDO .Course material, tutorial training, PDF file on 11 pages intended to beginners by Paul DuBois....

React Enlightenment

React.js is a JavaScript library that can be used to build user interfaces. With React, users can create reusable components, and these components display data as it changes over time....

PHP Notes for Professionals

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

PHP tutorial for professionals

Download free PHP tutorial course in PDF, training file in 107 chapters and 481 pages. Free unaffiliated ebook created from Stack OverFlow contributor....

Django Web Framework and Python

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

jQuery Fundamentals

With this unique, project-oriented book, author Rebecca Murphey teaches even the most novice of JavaScript users how to quickly get started utilizing the JavaScript jQuery Library to decrease the amount of code that needs to be written and tested. A four-color code syntax highlighting system provi...

Tutorial XML and DOM in PDF

Download free course Learning basic XML DOM, PDF ebook under 28 pages for beginners....

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

Wordpress In A Week

Download free course Wordpress In A Week, pdf file on 142 pages by Zak Cagaros....