Čo je CSS, syntax a ako sa používa na webovej stránke?

Cascading Style Sheets (CSS) je jazyk šablóny štýlov používaný na popis prezentácie dokumentu napísaného v značkovacom jazyku, ako je HTML. CSS je výkonný nástroj, ktorý vám umožňuje ovládať vzhľad vašich webových stránok vrátane písma, farby, veľkosti a rozloženia textu, obrázkov a ďalších prvkov.

Syntax CSS

Syntax CSS je pomerne jednoduchá a priamočiara. Pravidlo štýlu pozostáva zo selektora, za ktorým nasleduje zložená zátvorka, za ktorou nasleduje jedna alebo viacero deklarácií. Selektor určuje prvok alebo prvky, na ktoré sa pravidlo štýlu použije, zatiaľ čo deklarácie určujú vlastnosti štýlu a hodnoty pre tieto prvky.

Napríklad nasledujúce pravidlo štýlu zmení písmo všetkých `

` prvky pre Arial:

```

p {

rodina písiem:Arial;

}

```

Ako používať CSS na webovej stránke

Ak chcete použiť CSS na webovej stránke, musíte najprv vytvoriť šablónu so štýlmi. Šablóna štýlov je jednoducho textový súbor, ktorý obsahuje vaše pravidlá CSS. Šablónu štýlov môžete vytvoriť pomocou ľubovoľného textového editora, ako je napríklad Poznámkový blok alebo TextEdit.

Po vytvorení šablóny štýlov ju musíte prepojiť so svojou webovou stránkou. Môžete to urobiť pridaním znaku ` ` prvok na ` ` v dokumente HTML. ' Prvok by mal odkazovať na adresu URL vašej šablóny štýlov.

Napríklad nasledujúci „ Element ` bude odkazovať na šablónu štýlov s názvom `mystyles.css`:

```

```

Po prepojení šablóny so štýlmi so svojou webovou stránkou môžete na svoje prvky začať aplikovať pravidlá CSS. Môžete to urobiť pomocou atribútu `class` alebo `id`, aby ste určili, ktoré prvky by mali byť ovplyvnené konkrétnym pravidlom štýlu.

Napríklad nasledujúci kód HTML použije triedu `my-style` na všetky `

prvky:

```

Toto je odsek.

```

Triedu „my-style“ potom možno definovať v šablóne štýlov takto:

```

.my-style {

rodina písiem:Arial;

farba:modrá;

}

```

Tým sa zmení písmo všetkých `

` prvky s triedou `my-style` na Arial a farbu na modrú.

Záver

CSS je výkonný nástroj, ktorý vám umožňuje ovládať vzhľad vašich webových stránok. Pomocou CSS môžete vytvárať vizuálne príťažlivé a profesionálne vyzerajúce webové stránky.

• Predchádzajúca strana: Ako zobraziť chýbajúce Gutenbergove bloky a panely vo WordPress? 
• Ďalšia strana: Ako lenivo načítať komentáre vo WordPress?