Cascading Style Sheets Tutorial for beginners(CSS)

Updated:31/Dec/2022 by Computer Hope

The Css programming language was developed byWorld Wide Web Consortium (W3C)in the December 17, 1996.

How to Write CSS

  • If you familiar with HTML syntax will notice that CSS syntax looks a different in nature.
  • CSS is apply on HTML tags.
  • There is multiple method to apply CSS in HTML,Instead of listing page content, CSS lists the style rules that are assigned to HTML elements,
  • CSS is apply on entire HTML document, or even multiple HTML documents.
  • These rules are processed by the web browser loading the HTML file.So you can say our bowser (chrome, Edge ,Mozilla ) contain compiler for CSS.

CSS Comments

Similarly with HTML, you can write comments in CSS. Comments are ignored by the browser and are useful in providing context and meaning and functionality notes for your code.
To comment in CSS, write /*, then your comment text, then end with */.

Why is CSS Used For in development ?

The CSS is provide design , animation and position to web application as we know CSS would look as graphic property as well. To illustrate, our HTML Element on website.

What is a CSS Selector?

Here i describe full explaination of CSS Selector.i.e  CSS Selector

What is CSS style declaration?

This means that still we have to use HTML to process element but there presentation manage by CSS

CSS Syntex :
Selector { property : Value }

What is a CSS Style property?

A CSS property is a characteristic (like color, animation , position) whose connect value defines one aspect of how the browser compile and display the element after changes.
There are CSS properties are follow that you can use to style a html element :

  • Float
  • Clear
  • Overflow
  • Text-transform
  • Z-index
  • Font-size
  • Background-color
  • Width
  • Height
  • Border
  • Padding
  • Margins
  • Font-family

Below is an example of a basic  CSS  that would print the words Hello World..

    <meta charset="utf-8">
        <title>My CSS experiment</title>
        <link rel="stylesheet" href="styles.css">
      <h1>Hello World!</h1>
      <p>This is my first CSS example</p>

Mandatory Tools you will need to install before work on Css or HTML and javascript.

  • you will need a Pentium 200-MHz computer with a minimum of 128 MB of RAM
  • Linux 7.1 or Windows 95/98/2000/XP operating system.
  • chrome browser
  • Microsoft Notepad or any other text editor or any tool like visual studio

Latest Technical Post