CSS Introduction

CSS Introduction: CSS is the language we use to style a Web page.

CSS tutorial or CSS 3 tutorial provides basics and advanced concepts of CSS technology. Our CSS tutorial is developed for beginners and professionals. The major points of CSS are given underneath:

CSS stands for Cascading Style Sheet.

CSS is used to design HTML tags.

CSS is a widely used language on the web.

HTML, CSS and JavaScript are used for web designing. It helps the website designers to apply style on HTML tags.


In this tutorial, you will learn-

What is CSS?

• CSS stands for Cascading Style Sheets

• CSS describes how HTML elements are to be shown on screen, paper, or in different media

• CSS saves a lot of work. It can handle the layout of various website pages at the same time

• External stylesheets are stored in CSS files


Why Use CSS?

CSS is used to define styles for your web pages, including the design, layout and variations in show for various gadgets and screen sizes.

CSS Example

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>

<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>

</body>
</html>

CSS Solved a Big Problem

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

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

<h1>This is a heading</h1>

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

At the point when tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large sites, where textual styles and color information were added to each and every page, become a long and costly process.

To tackle this issue, the World Wide Web Consortium (W3C) created CSS.

CSS eliminated the style formatting from the HTML page!


CSS Saves a Lot of Work!

The style definitions are ordinarily saved in external.css files.

With an external stylesheet file, you can change the look of a whole website by changing just one file!



0 Comments

Leave a Reply

Avatar placeholder