Hordhaca CSS | Ereyle

Ku soo dhawaada koorsada Aasaaska CSS. CSS (Cascading Style Sheets) waa luqadda loo isticmaalo qurxinta iyo qaabaynta bogagga internetka. Haddii HTML ay tahay qaab-dhismeedka guriga, CSS waa rinjiga, qurxinta, iyo nidaaminta gudaha.

1. Waa maxay CSS?

CSS waxay u taagan tahay Cascading Style Sheets.

Style Sheets: Waxay ku qoran yihiin xeerar (rules) kuwaas oo qeexaya sida curiyayaasha HTML-ka ah loogu soo bandhigo.
Cascading: Macnaheedu waa in xeerarku leeyihiin miisaan kala duwan — xeerarka ugu gaarka ah ayaa ka miisaan culus kuwa guud.

CSS waxay u ogolaataa inaad xakamayso midabada, nooca farta, cabbirka, booska, iyo waxyaabo kale oo badan.

2. Saddexda Hab ee loogu Xiro CSS HTML-ka

Waxaa jira saddex hab oo aad CSS ugu dhex gelin karto HTML-ka:

A. Inline CSS (CSS toos ah)

CSS waxay si toos ah ugu qorantahay summada HTML-ka iyada oo la isticmaalayo sifada style.

<p style="color: blue; font-size: 18px;">Qoraalkan waa buluug.</p>

Fiican ma aha habkan — waa qas badan, dib u eegid adag.

B. Internal CSS (CSS gudaha ah)

CSS waxay ku qorantahay gudaha summada <style> oo ku jirta <head>-ka bogga.

<head>
    <style>
        p {
            color: blue;
            font-size: 18px;
        }
    </style>
</head>

Habkan wuxuu u shaqeeyaa hal bog oo kaliya.

C. External CSS (CSS dibadda ah) — Habka ugu fiican

CSS waxay ku qorantahay fayl gaar ah oo .css ah, ka dibna waxaa loola xiraa summada <link>.

Faylka: styles.css

p {
    color: blue;
    font-size: 18px;
}

HTML-ka:

<head>
    <link rel="stylesheet" href="styles.css">
</head>

Fiican: Habkan waa kan ugu fiican sababtoo ah waa la isku wadaagi karaa bogag badan, wayna fududahay in la ilaaliyo.

3. Qaab-dhismeedka Xeerka CSS

Xeer kasta oo CSS ah wuxuu ka kooban yahay labo qaybood:

xulaha (selector) {
    sifo (property): qiimo (value);
}

Tusaale:

h1 {
    color: red;
    font-size: 32px;
}

Halkan:

h1 waa xulaha (selector) — wuxuu xushaa curiyayaasha <h1>.
color iyo font-size waa sifooyin (properties).
red iyo 32px waa qiimayaal (values).

Layli (Practice)

Abuur fayl index.html iyo fayl style.css.
Ku xir labada fayl adiga oo isticmaalaya <link>.
Ku qor CSS-daada xeer ka dhigaya cinwaannada <h1> midab cagaaran, cabbirkiisuna yahay 36px.

Sii wadashada: Casharka xigta, waxaan baran doonaa xulayaasha CSS (selectors)!