CCYI GLOBAL ACADEMY
Shop beginner-friendly tech courses, practical training tutorials, data tools, web development content, automation, and digital skills courses from Palace Tech Hub.
Shop beginner-friendly tech courses, practical training tutorials, data tools, web development content, automation, and digital skills courses from Palace Tech Hub.
Pay by Bank Transfer
Bank Name: UNITED BANK FOR AFRICA
Account Name: CCYI GLOBAL ENTERPRISE
Account Number: 1017417XXX
After payment, click “Confirm Payment on WhatsApp” below and send your proof of payment.
Total: ₦0
CSS stands for Cascading Style Sheets.
👉 It is used to style and design web pages.
If HTML is the structure, then CSS is the beauty and layout.
CSS helps you:
👉 CSS selects HTML elements and applies styles to them.
CSS is written like this:
selector {
property: value;
}
h1 {
color: blue;
font-size: 24px;
}
👉 Meaning:
<h1> elementsInside HTML tag:
<p style="color:red;">Hello World</p>
Inside <style> tag:
<style>
p { color: green; }
</style>
Separate file:
/* style.css */
p {
color: purple;
}
Linked in HTML:
<link rel="stylesheet" href="style.css">
p {
color: black;
font-size: 16px;
font-family: Arial;
}
body {
background-color: lightblue;
}
div {
border: 1px solid black;
}
div {
margin: 20px;
padding: 10px;
}
p { color: blue; }
.myclass { color: red; }
HTML:
<p class="myclass">Text</p>
#myid { color: green; }
HTML:
<p id="myid">Text</p>
Every element is like a box made of:
👉 This controls spacing and layout.
div {
display: block;
}
.container {
display: flex;
}
👉 Helps arrange items in rows or columns.
CSS helps your website fit different screens:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightgray;
}
h1 {
color: blue;
}
p {
font-size: 18px;
}
</style>
</head>
<body>
<h1>Welcome</h1>
<p>This is my first styled page.</p>
</body>
</html>
Students can use CSS to:
👉 CSS is what makes websites:
👉 “HTML builds the house, but CSS decorates it and makes people want to stay.”
Hobby (Free) Plan You can have up to 200 projects (websites/apps) under one account. Each project can have its own: Production deploy...