Skip to main content

Cascading Style Sheets (CSS) Fundamentals

Cascading Style Sheets (CSS) Fundamentals

CSS stand for Cascading Style Sheets, It is used to define the display of HTML web pages, It's save lots of time, also we define the style of display the HTML Tags. Basically three types of CSS.

1) Internal CSS
2) External CSS
3) Inline CSS

So Guys , If you feel that this tutorials help you in anyways, you can support us to create or writing more contents by donating here , I have put the link in description below....


For PayTm : +918518013539

For PayPal Account : https://www.paypal.me/bschandel

For PayPal Email : balwantchandel007@gmail.com

1) Internal CSS : We are define css with internally under our project folder and link this css wherever you want it, using link tag..

2) External CSS: We are define CSS with Externally.

3) Inline CSS : Define CSS with Particular tags.

Guys, In this example you are fully know how CSS is work.

ALL Roles Of CSS , Just Copy And Paste (Base Code)

index.html (Base Code)

<html> <!-- Opening Tags -->
<head>
 <title>Welcome to use css in HTML</title><!-- Define Title -->

<!-- Internal CSS Start -->
<link rel="stylesheet" href="css/style.css" />
<!-- Internal CSS Ends Here-->

<!-- External CSS Start -->
<style type="text/css">
.ab
{
  color:green;
}
</style>

<!-- *Note : Guys, create folder under your project folder css after create style.css under the css folder. And copy this code external css code for style.css -->




<!-- External CSS Ends Here-->


</head>
<body> <!-- Body Openning -->
  <h1 align='center' class="ab">Welcome to my First Web Page</h1><!-- Define heading -->

<!-- Inline CSS Start -->
<p style="font-weight:bold">Hello Inline CSS</p>
<!-- Inline CSS Ends Here-->

<p class="ab"> Hello Internal css</p>

</body><!-- Body Closing -->
</html><!-- Closing Tags -->

Guys, Copy and Paste this Code And Run this web page. You are really Happy to do this. Happy Coding... And Guys If you face any difficulties so feel free to comment us. I will reply your comment as soon as possible. 

So Guys , If you feel that this tutorials help you in anyways, you can support us to create or writing more contents by donating here , I have put the link in description below....


For PayTm : +918518013539

For PayPal Account : https://www.paypal.me/bschandel

For PayPal Email : balwantchandel007@gmail.com
Labels:

Comments

Post a Comment