CSS TUTORIAL - Coding Help - Codinghelp.in https://codinghelp.in PHP,HTML,CSS,JS,Wordpress,Blogger,Seo Tools,Domain,Hosting And Others Support Fri, 24 Dec 2021 16:39:02 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 CSS Introduction https://codinghelp.in/css-introduction/?utm_source=rss&utm_medium=rss&utm_campaign=css-introduction https://codinghelp.in/css-introduction/#respond Fri, 24 Dec 2021 12:32:32 +0000 https://codefind.in/?p=55 What is CSS? CSS stands for Cascading Style Sheets CSS describes how HTML elements are to be displayed on screen, paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are stored in CSS files To make a web page […]

The post CSS Introduction first appeared on Coding Help - Codinghelp.in.

]]> What is CSS?
    • CSS stands for Cascading Style Sheets
    • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
    • CSS saves a lot of work. It can control the layout of multiple web pages all at once
    • External stylesheets are stored in CSS files

To make a web page beautiful, we have to do css, example like we paint color to make our house look beautiful, in the same way css kar to make the site look beautiful.

You can write the css in <style></style> code, or you can write the css in a separate file and then you can get it included in your webpage.

CSS Example 1

<!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>
HTML
Here we have written the css in the style tag,
this code output  :-

 CSS Example 2

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="https://www.google.com/cse/static/element/54e62135847a1703/default+en.css">
</head>
<body>

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

</body>
</html>
HTML

 

 

How to write css code

  • You can use style tag to write css.
  • If you want to change the background color of the web page, then you have to css in the body tag.

Example:-

<!DOCTYPE html>
<html>
<head>
<style>

</style>
</head>
<body style="background-color: yellow;">

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

</body>
</html>

 

HTML

This code output

The post CSS Introduction first appeared on Coding Help - Codinghelp.in.

]]> https://codinghelp.in/css-introduction/feed/ 0