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

Popular posts from this blog

How To Insert An Image In My HTML Websites

How To Insert An Image In My HTML Websites Guys, I'll try to share everything with you, In my knowledge. But Guys, only on one point to note it, why I have use any tags, why tags are important to HTML. And what changes in our HTML. So Guys, in this part we are going to insert an image in our web page. So read and understand this carefully, because this is very important part to the developments. 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   index.html (Base Code) <html> <!-- Opening Tags --> <head>  <title>Welcome to my Static Websites</title><!-- Define Title --> </head> <body> <!-- Body Openning -->   <h1 align='cent...
Post a Comment
Read more

How To Use HTML Attributes

How To Use HTML Attributes  Guys, we have seen few HTML Tags and their usage like <h1></h1> <h2></h2> <p></p> and other tags. We used them so far in their simplest form, but most of the HTML tags can also have attributes, which are extra bits of information. 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 An Attribute is used to define the characteristics of an HTML element and is placed inside the element's opening tag. All attributes are made up of two parts: a name and a value : The Name is properly you want to set. For example, the paragraph element in the example carries an attribute whose name is align , which you can use to indicate the ali...
Post a Comment
Read more

How To Define Paragraph In HTML Tag

How To Define Paragraph In HTML Tag Guys, In this Tutorials we are going to define paragraph in HTML Tag. So Guys, In Define An Paragraph we are using this Tag. 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 Copy And Paste (Base Code) index.html (Base Code) <html> <!-- Opening Tags --> <head>  <title>Welcome to my Static Websites</title><!-- Define Title --> </head> <body> <!-- Body Openning -->   <h1 align='center'>Welcome to my First Web Page</h1><!-- Define heading --> <p> Here Is First Paragraph Of Text</p> <p> Here Is Second Paragraph Of Text</p> <p> Here Is ...
Post a Comment
Read more