Xulashada Qaybaha HTML ee CSS

CSS waxay kuu ogolaataa inaad doorato qaybaha HTML ee aad rabto inaad styliso. Waxaa jira siyaabo badan oo loo xulan karo qaybaha, waxaana ka mid ah:

• Xulashada Element-ka: Waxaad ku dooran kartaa element-ka magaciisa.
• Xulashada Class-ka: Waxaad ku dooran kartaa element-ka adigoo isticmaalaya class-ka.
• Xulashada ID-ga: Waxaad ku dooran kartaa element-ka adigoo isticmaalaya ID-ga.

Tusaale 1: Xulashada Element-ka

Haddii aad rabto inaad styliso dhammaan element-yada p ee boggaaga, waxaad isticmaali kartaa xulashada element-ka:

p {
 color: blue;
}

Tani waxay ka dhigi doontaa dhammaan qoraallada ku jira element-yada p inay noqdaan buluug.

Tusaale 2: Xulashada Class-ka

Si aad u styliso element-yo gaar ah oo leh class isku mid ah, waxaad isticmaali kartaa xulashada class-ka. Waxaad ku qeexi kartaa class-ka HTML adiga oo isticmaalaya attribute-ka class.

<p class="highlighted">Qoraalkan waa la muujiyay.</p>

Kadib waxaad ku stylisi kartaa CSS:

.highlighted {
 background-color: yellow;
}

Tani waxay ka dhigi doontaa asalka qoraalka leh class-ka highlighted midab jaalle ah.

Tusaale 3: Xulashada ID-ga

Si aad u styliso hal element oo gaar ah, waxaad isticmaali kartaa xulashada ID-ga. ID-ga waa inuu ka duwanaadaa dhammaan ID-yada kale ee ku jira bogga.

<p id="introduction">Kani waa hordhac.</p>

Kadib waxaad ku stylisi kartaa CSS:

#introduction {
 font-weight: bold;
}

Tani waxay ka dhigi doontaa qoraalka ku jira element-ka leh ID-ga introduction mid geesinimo leh.