06
Nov
2020

Connecting CSS with Webpage Complete Coding

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 *