CSS Introduction

Next




CSS Introduction


What is CSS ?

CSS stands for Cascading Style Sheets.

By using CSS we define how an HTML element will looks like, as we add styling on HTML elements by using CSS.

We can save our lot of time by using CSS, as we can style too many HTML elements on multiple webpages by using CSS at once. External Stylesheets are stored in files with .css extension.

CSS is widely used language on web, to style HTML webpages.

CSS Example

In this tutorial you will get too much examples of CSS. We learned a lot about CSS in HTML lecture too. Below is an example of how we can add onPage CSS code in HTML.

<!DOCTYPE>  
<html>  
<head>  
<style>  
h1{  
color:white;  
background-color:#691cff;  
padding:5px;  
}  
p{  
color:#691cff;  
}  
</style>  
</head>  
<body>  
<h1>Your First CSS Example</h1>  
<p>This is a Paragraph.</p>  
</body>  
</html>  

Output :

Why CSS ?

We use CSS to style HTML webpages, we can set design using CSS , we can also set layout of webpage using CSS. And we can also describe variation in display of an HTML element according to Screen size and different devices.

Below is an example code of CSS.

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

Output :

CSS solved the Big problem

HTML was created to create structure of a webpage, It was too difficut for the website developers to style HTML elements by using HTML designing tags like <font> tag or by using other HTML attributes that are used for styling HTML elements like color, width , height attributes etc.

To solve this problem World Wide Web Consortium (W3C) created CSS in 1996.

CSS helped us a lot to style multiple webpages at once, and its removed use of  HTML formatting tags. CSS saves lot of our work.

Now by using CSS we can do Inline CSS , Onpage CSS , or  external CSS, we will learn about all these methods in next lectures.

In External CSS we write css code in a separate file with .css extension, and then link that file with all of our webpages and it saves too much of our time, because we don't have to style all webpages separately.




Next

Our Services

Below is the list of other services that we are providing to our valuable customers.

If you want to Grab any of our Service you can contact us on given contacts

  • Website Development
  • Software Development
  • Android Apps Development
  • Hosting + Domain
  • Search Engine Marketing (SEM)
  • Search Engine Optimization (SEO)
  • Social Media Marketing (SMM)
  • SMS Marketing
  • Email Marketing
  • Wordpress Development
  • PHP Open Cart Development
  • Digital Media Marketing
  • Digital Brand Promotion
  • Graphic Designing
  • Video Animation