Ako vytvoriť CSS (s ilustráciami) -

CSS je jazyk štýlových tabuliek, ktorým môžete vytvoriť webové stránky a súčasne ovládať viac funkcií, priradenie skupín určitých prvkov. Napríklad pomocou farebného kódu môže dizajnér zmeniť farbu pozadia na všetkých stránkach stránky tým, že sa jedna zmena v CSS kód.

Kroky

Časť 1 z 4:

Ako napísať vstavaný kód CSS

jeden. Pozrite sa na HTML tagy. Potrebujete vedieť, ako značky a atribúty práce Src a href.

2. Preskúmajte niektoré z nich Hlavné vlastnosti CSS. Existuje mnoho vlastností, ale nepamätáte si všetko.

Zapamätajte si nasledujúce kľúčové vlastnosti CSS: Farba a Rodina fontov.

3. Preskúmajte hodnoty zodpovedajúcich vlastností. Pre každý majetok označuje hodnotu. Napríklad pre vlastnosti Farba Môžete zadať hodnotu červený.

4. Pozrite sa na atribút HTML Štýl. Používa sa vo vnútri prvku href alebo Src. Ak chcete použiť zadaný atribút, v citáciách po znamení rovnakého znaku zadajte atribút CSS, hrubého čreva a potom hodnotu vlastnosti. Toto sa nazýva CSS pravidlo.

päť. Upozorňujeme, že profesionálne webové vývojári zvyčajne nepoužívajú vstavaný kód CSS na vytváranie lokalít. Vstavaný CSS kód môže narušiť integritu HTML kódu. Avšak, to je skvelý spôsob, ako sa zoznámiť so základmi fungovania CSS.

Časť 2 zo 4:

Ako napísať jednoduchý kód CSS

jeden. Spustite program, v ktorom môžete vytvoriť súbory HTML a CSS.

Ak nie je špeciálny program, použite poznámkový blok alebo iný textový editor. Stačí uložiť súbor ako textový súbor a súbor CSS.

2. Otvorte HTML kód. Urobte to v editore HTML (ak je).

V editore HTML môžete pracovať s HTML kódom as kódom CSS.

3. Vytvoriť značku Inhtml tag . V tomto prípade môže byť kód CSS napísaný bez nutnosti vytvoriť samostatný súbor.

4. Vyberte položku, na ktorú chcete pridať štýl. Teraz zadajte názov prvku a kučeravé konzoly ({ }). Ak chcete, aby bol kód zrozumiteľnejší, druhá kučeravová konzola vždy zadajte nový riadok.

päť. Vnútri zátvoriek zadajte pravidlo CSS, ako keby ste použili atribút Štýl. Každý reťazec musí skončiť s bodkočiarkou (-). Ak chcete, aby bol kód zlomený, každé pravidlo sa zadá na samostatnom riadku a každý riadok musí mať zarážka.

Upozorňujeme, že tento štýl ovplyvní všetky prvky zvoleného typu na stránke. V ďalšej časti bude prehodnotený špecifickejší štýl.

Časť 3 zo 4:

Ako napísať komplexnejší CSS kód

jeden. Vytvorte súbor CSS (a nie súbor HTML) a uložte ho pomocou rozšírenia .CSS. Otvorte tiež HTML súbor.

2. Vytvoriť značku Inhtml tag . Takže budete pripojiť samostatný súbor CSS so súborom HTML. Pre značku Vyžadujú sa tri atribúty: Rel, Typ a href.

Rel Určuje prehliadač, ako liečiť HTML súbor. Tu by mal tento atribút záležať Štýl.

Typ správy o tom, aký typ médií sa vzťahuje na. Tu by mal tento atribút záležať Text / CSS

href Tu sa používa rovnakým spôsobom ako v prvom , Ale tu musí tento atribút odkazovať na súbor CSS. Ak je súbor CSS v jednom priečinku s HTML súboru, zadajte iba názov súboru v citáciách.

3. Vyberte položky rôznych typov, ku ktorému chcete pridať jeden štýl. Pridajte atribút Trieda na takéto prvky a zodpovedať ich na meno vybranej triedy. V tomto prípade budú prvky rovnaký štýl.

4. Uveďte, aký štýl získate triedu. V súbore CSS zadajte názov triedy po bode ., To znamená: .Trieda.

päť. Vyberte jednotlivé položky, na ktoré chcete pridať špeciálny štýl a pridajte atribút id. CSS identifikátory sú vytvorené pomocou symbolu Č. T, nie je bod.

Identifikátory sú špecifickejšie ako triedy, takže identifikátor prepíše akýkoľvek štýl triedy, ak má atribút s inou hodnotou ako triedna hodnota.

Časť 4 zo 4:

Ako sa učiť CSS a HTML

jeden. Otvorená lokalita HTML Academy. Na to sa môžete naučiť základy vývoja webového vývoja.

2. Nájsť ďalšie stránky špeciálne navrhnuté na preskúmanie HTML a CSS.Pozrite sa na autoritatívne zdroje na násobenie vašich vedomostí.

3. Komunikovať s webovými dizajnérmi a vývojármi. Ich skúsenosti vám pomôžu zvládnuť cenné vedomosti a zručnosti.

4. Zobrazenie zdrojových kódov stránok, ktoré ste otvorili. Zobraziť CSS Codes Made Webové stránky umožňujú oboznámiť sa s metódami vyvíjania častí webových stránok. Skopírujte kód a upravte ho, aby ste sa naučili, ako používať rôzne atribúty CSS.

Tipy

Existuje mnoho rôznych vlastností, ktoré môžu byť manipulované pomocou CSS. Nájdite webovú stránku, ktorú chcete a zobraziť svoj zdrojový súbor. Ak vo vnútri značiek hlavy majú názov súboru CSS, kliknite na ňu zobrazíte rôzne vlastnosti a hodnoty priradené položky.

Upozornenia

Kopírovanie kódov HTML a CSS vám pomôžu pri tréningu, ale musíte použiť svoje vlastné nápady. Použitie niekoho iného je krádež a plagiátorstvo.