Connecting CSS with Webpage Complete Coding

elm Seekho

How to Connecting CSS with Webpage Complete coding Procedure. In this tutorial you will learn how to connect cascading style sheet – css with a webpage of website. complete video tutorial is also at the end of this post.

Lecture 06 Topic: CSS

  1. What is CSS?
  2. How to connect css file to html, wordpress, php?
  3. Change webpage background?
  4. Method to change font size and style?
  5. Difference between ” ID “” and ” CLASS “.
  6. How to use ” ID ” and ” CLASS ” and their rules.

CSS – ID

  1. symbol of class is ( # ) sign.
  2. first letter should be alphabet.
  3. there is no space between letters.
  4. letter will be separate only with dash – and underscore _ letter.
  5. class is used to style only one element

CSS – Class

  1. symbol of class is ( . ) sign.
  2. first letter should be alphabet.
  3. there is no space between letters
  4. letter will be separate only with dash – and underscore _ letter.
  5. class is used to style more than one element
connecting css with webpage lecture 06

CSS – Cascading Style Sheet coding

h1,h2,h3,h4,h5,h6{
	color: maroon;
	font-weight: bold;
	font-style: italic;
}
.p{
	background-color: yellow;
	color: red;
	font-weight: bold;
	font-size: 30px;
}

Complete Webpage file coding

<!DOCTYPE html>
<html>
<head>
	<title> Topic 06 css</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>CSS</h1>
<p> ALP Academic Calendar for Primary and Elementary School. ALP Academic Calendar for Primary Classes. Download 5th Class ALP Academic Calender, 4th Class ALP Academic Calender, 3rd Class ALP Academic Calender, 2nd Class ALP Academic Calender, 1st Class ALP Academic Calender from below. </p>

<P>Download SED HRMS personal File Cover page and Checklists. School education department has decided to establish all teachers record online. In this regards Directorate of Public Instruction (S.E) has announced a notification (attached below).</P>

</body>
</html>

Watch Complete Video for Connecting CSS with Webpage

  1. Online Rozgaar โ€“ What is HTML, CSS, JS, PHP and SQLI
  2. How to Use Different HTML Tags in a Webpage | Lecture : 02
  3. How to create Table, Paragraph, Marquee and their properties

Leave a Reply

Your email address will not be published. Required fields are marked *

Next Post

AIOU Jobs 2020 Apply Online till 25 November

AIOU Jobs 2020 Apply Online till 25 November. Allama Iqbal Open university has announced number of jobs in their latest advertisement. Intended candidates have to apply online by creating a user via registration option. All details and description for AIOU Jobs 2020 are given below.
aiou jobs 2020 advertisement 2020