Jinsi ya Kutumia CSS Positioning: Relative, Absolute, Fixed
Maelezo:
Positioning hudhibiti nafasi ya elementi kwenye ukurasa.
Mfano wa Code:
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<title>CSS Positioning</title>
<style>
.relative {
position: relative;
background: #f1f1f1;
padding: 30px;
}
.absolute {
position: absolute;
top: 20px;
right: 20px;
background: orange;
padding: 10px;
}
.fixed {
position: fixed;
bottom: 0;
left: 0;
background: black;
color: white;
width: 100%;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<div class="relative">
Relative Div
<div class="absolute">Absolute Div</div>
</div>
<div class="fixed">Fixed Footer</div>
</body>
</html>
YouTube Description:
Tambua tofauti kati ya relative, absolute, na fixed positioning katika CSS kwa mifano halisi.
Hashtags:
#CSSPosition #Faulink #WebDevelopment #Frontend
🚀 Unahitaji mfumo au website ya biashara?
Chagua huduma hapa chini kisha mteja bofya moja kwa moja kwenda kwenye ukurasa wa huduma au kuwasiliana nasi kwa WhatsApp.