Maelezo: CSS Variables hurahisisha kubadilisha rangi, font au spacing kwenye maeneo mengi kwa mara moja. Mfano wa Code: :root { --main-color: #007bff; --paddin...
Maelezo: Buttons bora huongeza urembo na matumizi mazuri ya tovuti. Mfano wa Code: Bonyeza .btn { background: #28a745; color: white; padding: 12px 25px; ...
Maelezo: Unaweza kutumia picha au mchanganyiko wa rangi kama background ya ukurasa. Mfano wa Code: body { background: linear-gradient(to right, #ff7e5f, #feb47b);...
Properties hizi hudhibiti jinsi maudhui yanavyoonekana endapo yatazidi ukubwa wa container. Mfano wa Code: Hii ni paragraph ndefu sana inayozidi box. Tazama jinsi o...
Maelezo: Positioning hudhibiti nafasi ya elementi kwenye ukurasa. Mfano wa Code: CSS Positioning .relative { position: relative; bac...
Maelezo: Navbars hutumika kutoa njia rahisi ya kusogea kati ya kurasa za website. Mfano wa Code: Navigation Bar ul { list-style: none; ...
Pseudo-elements hutumika kuongeza maudhui kabla au baada ya elementi fulani bila kubadilisha HTML. Mfano wa Code: Pseudo Elements h1::before { ...
Maelezo: Pseudo-classes hutumika kubadilisha muonekano wa elementi kulingana na hali fulani (mfano: unapogusa kwa mouse au unapobofya). Mfano wa Code: Pseu...
💻 Mfano wa Code CSS Animations .box { width: 100px; height: 100px; background: blue; transition: transform 0.5s; } ...
💻 Mfano wa Code Responsive Design body { background-color: lightgreen; } @media (max-width: 600px) { body { background-color: lightcoral...