Čo Je CSS

Obsah:

Čo Je CSS
Čo Je CSS

Video: Čo Je CSS

Video: Čo Je CSS
Video: Единицы измерения CSS для font-size: px, %, em, rem, vw, vh, vmin, vmax 2024, November
Anonim

CSS je kaskádová šablóna štýlov, ktorá sa používa na vytváranie vizuálnych prvkov na stránke internetových zdrojov. Vykreslenie objektov špecifikovaných v CSS je implementované v značkovacom jazyku HTML. Samotné kaskádové tabuľky nemožno použiť samostatne.

Čo je CSS
Čo je CSS

Pomocou CSS

CSS je štýlový jazyk, ktorý implementuje vykreslenie prvkov značiek HTML. Kaskádové tabuľky vám umožňujú prispôsobiť možnosti, ktoré sa v HTML nedajú zmeniť. Napríklad pomocou jazyka štýlov môžete upraviť štýl a farbu písma. CSS umožňuje nastaviť okraje, čiary, výplň, šírku, umiestnenie prvkov a vykonať výstup tých parametrov, ktoré nie je možné implementovať pomocou „čistého“HTML.

Kaskádové štýly sú podporované takmer všetkými prehľadávačmi a používajú sa takmer v každom webovom prostriedku. Ovládajú zobrazovanie obsahu pomocou zadaného jazyka a umožňujú vám ovládať zobrazovanie položiek pre rôzne médiá.

Ak sa HTML používa iba ako prostriedok na štruktúrovanie textu stránky, CSS vám umožní prispôsobiť zobrazenie zobrazeného obsahu.

Syntax CSS a jej začlenenie do HTML kódu

Pri návrhu stránky je vhodnejšie použiť CSS pred nástrojmi HTML. Pravda je, že HTML pôvodne nemalo prostriedky na úpravu farby prvkov a nebolo určené na nastavenie parametrov farieb a zobrazenia, a preto môže byť použitie webových deskriptorov HTML na vytvorenie dizajnu považované niektorými webovými vývojármi za nesprávne.

CSS má inú syntax ako HTML a je zahrnutý v kóde stránky prostredníctvom značiek. Môžete tiež integrovať kód CSS, ktorý je v samostatnom súbore, pomocou značky parametrov:

Kód CSS má určitú syntax, ktorú je potrebné striktne dodržiavať, inak sa vygenerované štýly na stránke nezobrazia. Časť kódu CSS možno rozdeliť na 3 hlavné prvky: selektor, vlastnosť a hodnota. Tieto položky sú napísané nasledovne:

selektor {property: value; }

Selektor určuje rukoväť, na ktorú sa vygenerované pravidlo zobrazenia vzťahuje. Parameter vlastnosti definuje upraviteľný aspekt prvku a hodnota definuje zodpovedajúcu možnosť pre vlastnosť. Napríklad na zmenu farby v nadpise druhej úrovne

HTML, môžete použiť nasledujúci kód:

h2 {farba: červená; }

Tento kód nastaví farbu textu na červenú, ktorá sa nachádza v deskriptore hlavičiek druhej úrovne.

CSS používa štandardnú tabuľku farieb HTML.

Okrem používania značiek môžete použiť aj interné značky. Napríklad:

Nadpis

Tento kód je totožný s kódom opísaným vyššie, s tým rozdielom, že samotné parametre CSS boli nastavené vo vnútri deskriptora potrebného na úpravy.