Skip to content

Instantly share code, notes, and snippets.

@DamaMichaelYohanna

DamaMichaelYohanna/index.html

Last active November 14, 2023 12:41
Show Gist options
  • Save DamaMichaelYohanna/46108f6d2f88864bcc49308d82c9a432 to your computer and use it in GitHub Desktop.
Save DamaMichaelYohanna/46108f6d2f88864bcc49308d82c9a432 to your computer and use it in GitHub Desktop.
Download ZIP
CSS INTRODUCTION
Raw
index.html
<html>
<head>
<title> Introduction to CSS </title>
<!-- Link for adding external CSS -->
<link rel="stylesheet" href="style.css">
<!-- Internal/infile style -->
<style>
body{
margin:0px;
padding:10px;
}
</style>
</head>
<body>
<!-- Example of inline CSS -->
<h1 style="background:red;color:green;"> Introduction to CSS </h1>
<form>
<input type="text" placeholder="Enter Username">
<br>
<br>
<input type="password" placeholder="Enter Password">
<button> Login </button>
</form>
</body>
</html>
Raw
style.css
body{ text-align: center;
background-image:url(image.webp);
background-repeat: no-repeat;
}
h1 { color: rgb(5, 6, 104);
font-style: italic;
}
input { background-color: aquamarine;}
button{ background-color: aquamarine;
box-shadow:3px 5px rgb(8, 8, 8);
color: #51e8f0;
}
@DamaMichaelYohanna
Copy link
Author

Hello guys, this is our sample code. Here we have a copy of HTML and external CSS file. We shall be using it for demonstration purposes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment