Ako definovať štýl triedy CSS - selektor triedy


Budú chvíle, keď vstavané štýly CSS nebudú presne to, čo potrebujete. V takom prípade môžete pomocou príkazu class vytvoriť svoje vlastné pravidlo CSS. Toto pravidlo CSS bude nezávislé od akejkoľvek značky HTML, ktorá vám umožní používať ju akýkoľvek Značka HTML. V skutočnosti sa dá použiť na viac značiek HTML na webovej stránke, vďaka čomu je veľmi univerzálny. Uvidíte, ako by to mohlo byť užitočné pri zefektívňovaní kódu.

Prvým krokom pri vytváraní triedy CSS je dať jej jedinečný názov. Na rozdiel od selektora HTML, ktorý je odvodený od časti značky HTML, môžete príkazu class dať ľubovoľný názov. Na vytvorenie tohto jedinečného názvu môžete použiť ľubovoľnú kombináciu písmen alebo číslic. Potom, ako obvykle, za týmto jedinečným názvom triedy nasleduje definícia CSS. Pozrime sa na príklad štýlu CSS, ktorý som vytvoril na kontrolu textu autorských práv na webovej stránke.

.class_name {Definícia; Definícia;}

.copyright_style {font-face: arial; veľkosť písma: 10px;}


Ako vidíte z vyššie uvedeného príkladu, trieda CSS začína jedinečným názvom (copyright_style) a pred názvom triedy je bodka. Vpravo od mena sú definície definované v zátvorkách a každá definícia je oddelená bodkočiarkou.

Túto triedu CSS môžete umiestniť do značiek v hlavovej časti webovej stránky alebo do externého súboru CSS. Bude fungovať na celej webovej stránke. Ak chcete použiť túto triedu CSS na akúkoľvek značku HTML, v atribúte HTML použijete atribút triedy. Hodnota atribútu triedy je jedinečný názov priradený vašej triede CSS. (class = "value") V nižšie uvedenom príklade som ho použil na

tag. Všimnite si, že mám nie vrátane obdobia pred názvom triedy.

Sem ide text





Videokurz WEBREBEL: HTML, CSS, Responsive, Javascript, jQuery (Septembra 2022)



Tagy Článok: Ako definovať štýl triedy CSS - Výber triedy, HTML, ako vytvoriť štýl triedy, ako vytvoriť pravidlo triedy pomocou atribútu triedy, vytvoriť pravidlo triedy CSS pre značku html, CSS, úvod do CSS, úvod kaskádové štýly, základy CSS, začínajúce CSS, naučiť sa používať CSS, návody kaskádových štýlov