Jak vytvořit CSS (s obrázky)

CSS je jazyk stylů stylů, podle kterých můžete vytvořit webové stránky a současně ovládat více funkcí, přiřazení skupin určitých prvků. Například pomocí barevného kódu může návrhář změnit barvu pozadí na všech stránkách webu tím, že jedna změna v CSS Code.

Kroky

Část 1 z 4:

Jak napsat vestavěný kód CSS

jeden. Podívejte se na značky HTML. Musíte vědět, jak tagy a atributy fungují SRC a href.

2. Prozkoumejte některé z nich Hlavní vlastnosti CSS. Existuje mnoho vlastností, ale nepamatujte si všechno.

Zapamatujte si následující vlastnosti klíčů CSS: Barva a Font-rodina.

3. Prozkoumejte hodnoty odpovídajících vlastností. Pro každou vlastnost označuje hodnotu. Například pro vlastnosti Barva Hodnotu můžete zadat Červené.

čtyři. Podívejte se na atribut HTML Styl. Používá se uvnitř prvku href nebo SRC. Chcete-li použít zadaný atribut, v uvozovkách po stejné značce, zadejte atribut CSS, dvojtečku a pak hodnotu vlastnosti. Toto se nazývá pravidlo CSS.

Pět. Upozorňujeme, že profesionální webové vývojáře obvykle nepoužívají vestavěný kód CSS k vytváření stránek. Vestavěný kód CSS může narušit integritu HTML kódu. To je však skvělý způsob, jak se seznámit se základy fungování CSS.

Část 2 ze 4:

Jak napsat jednoduchý kód CSS

jeden. Spusťte program, ve kterém můžete vytvářet soubory HTML a CSS.

Pokud neexistuje žádný speciální program, použijte poznámkový blok nebo jiný textový editor. Stačí uložit soubor jako textový soubor a soubor CSS.

2. Otevřete kód HTML. Udělej to v editoru HTML (pokud je).

V Editoru HTML můžete pracovat s kódem HTML a kódem CSS.

3. Vytvořit tag Inhtml tag . V tomto případě může být kód CSS napsán bez nutnosti vytvoření samostatného souboru.

čtyři. Vyberte položku, ke které chcete přidat styl. Nyní zadejte název prvku a kudrnatých závorek ({ }). Chcete-li kód srozumitelný, druhý kudrnatý závorka vždy zadá na nový řádek.

Pět. Uvnitř závorek zadejte pravidlo CSS, jako kdybyste použili atribut Styl. Každý řetězec musí skončit středníkem (-). Chcete-li kód poškodit, každé pravidlo je zadáno na samostatném řádku a každý řádek musí mít odsazení.

Upozorňujeme, že tento styl ovlivní všechny prvky vybraného typu na stránce. V další části bude recenzováno konkrétnější styl.

Část 3 ze 4:

Jak napsat složitější kód CSS

jeden. Vytvořte soubor CSS (a nikoli soubor HTML) a uložte jej s příponou .CSS. Otevřete také soubor HTML.

2. Vytvořit tag Inhtml tag . Takže se připojíte samostatný soubor CSS s souborem HTML. Pro tag Vyžadují se tři atributy: Rel, Typ a href.

Rel Určuje prohlížeč, jak léčit soubor HTML. Zde by měl tento atribut záležitost Styl.

Typ Zprávy o jakém typu médií odkazuje na. Zde by měl tento atribut záležitost Text / CSS

href Zde se používá stejným způsobem jako v prvku , Ale zde musí tento atribut odkazovat na soubor CSS. Pokud je soubor CSS v jedné složce s souborem HTML, zadejte název souboru pouze v uvozovkách.

3. Vyberte položky různých typů, ke kterým chcete přidat jeden styl. Přidat atribut Třída na takové prvky a vyrovnat je k názvu vybrané třídy. V tomto případě budou prvky stejný styl.

4. Určete, jaký styl dostane třídu. V souboru CSS zadejte název třídy po bodu ., To je: .Třída.

Pět. Vyberte jednotlivé položky, ke kterému chcete přidat speciální styl, a přidat atribut ID. Identifikátory CSS jsou vytvořeny pomocí symbolu #, ne bod.

Identifikátory jsou specifičtější než třídy, takže identifikátor přepíše jakýkoliv styl třídy, pokud má atribut s jinou hodnotou než hodnota třídy.

Část 4 z 4:

Jak se naučit CSS a HTML

jeden. Otevřete stránku HTML Academy. Na to se můžete naučit základy vývoje webu.

2. Najít další stránky speciálně navržené pro zkoumání HTML a CSS.Podívejte se na autoritativní zdroje, abyste množili své znalosti.

3. Komunikovat s webovými designéry a vývojáři. Jejich zkušenost vám pomohou zvládnout cenné znalosti a dovednosti.

čtyři. Zobrazení zdrojových kódů stránek, které otevřete. Zobrazení CSS kódy provedené webové stránky umožňují seznámit se s metodami vyvíjejících se částí webových stránek. Zkopírujte kód a poté jej upravte, abyste se naučili používat různé atributy CSS.

Tipy

Existuje mnoho různých vlastností, které lze manipulovat pomocí CSS. Najít webové stránky, které se vám líbí a zobrazíte jeho zdrojový soubor. Pokud uvnitř značek hlavy mají název souboru CSS, klikněte na něj pro zobrazení různých vlastností a hodnot přiřazených položek.

Varování

Kopírování kódy HTML a CSS vám pomohou ve školení, ale musíte použít vlastní nápady na návrháře. Použití návrhu někoho jiného je krádež a plagiátorství.