CSS Introduction

  1. CSS stands for Cascading Style Sheets which is nothing but a stylesheet language. Basically it is used to describe the presentation of an HTML (or XML) document.
  2. CSS also describes how elements must be rendered on screen, on paper, or in other media.
  3. CSS also describes how HTML elements are to be displayed on screen, paper, or in other media.
  4. CSS saves a lot of work. It can control the layout of multiple web pages all at once.
  5. External stylesheets are stored in CSS files.

Example:

With our online editor, you can edit the CSS, and click on submit button to view the result.

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: yellow;
}
h1 {
color: red;
text-align: center;
}
p {
font-family: "Times New Roman";
font-size: 20px;
}
</style>
</head>
<body>
<h1>My First CSS Demo Example</h1>
<p>Welcome 2 SILAN SOFTWARE.</p>
</body>
</html>
Try it Yourself

Output

Why CSS?

CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.

HTML was NEVER intended to contain tags for formatting a web page!

HTML was created to describe the content of a web page, like:

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

But the development of large websites, where fonts and color information were added to every single page, became a long and expensive process. The style definitions are normally saved in external .css files.With an external stylesheet file, you can change the look of an entire website by changing just one file.



  Tutorials

Popular Links

Contact Us

address Plot No-741,2ND Floor
Opp. Bhagabati Temple,Jayadev Vihar
      Bhubaneswar-751013
      Email: info@silantechnology.com
      Phone: 0674-2361252
address
39877, sundale dr, apt#101, Fremont, California 94538, USA
       Phone: +1(262)388-7619

facebook twitter google linked in

© 2018 Silan Technology. All Rights Reserved