počítače

Jak přidat kaskádové styly na váš web

Červenec 2021

Jak přidat kaskádové styly na váš web


Poté, co jste si osvojili základní koncepty HTML, je čas přidat na svůj web nějaký styl.

V době, kdy byl HTML poprvé navržen, bylo styling a formátování prvků zpracováno jako součást kódu HTML pomocí značky a mnoha jejích bratranců. To vše se změnilo s HTML 4.0, když World Wide Web Consortium (také známé jako W3C) přidalo CSS do mixu. Kaskádové styly dávají webdesignérům mnohem větší kontrolu nad vzhledem jejích stránek než samotný HTML.

Existují tři základní způsoby, jak definovat atributy stylu:

1. V těle stránky se běžně nazývá „inline styling“. Pokud například chcete na stránce zobrazit jeden odstavec v 14bitovém červeném textu, můžete definovat styl v samotné značce odstavce takto:

Toto je odstavec



2. V horní části stránky se běžně nazývá „interní šablona stylů“. Pokud chcete, aby se všechny odstavce na jedné konkrétní stránce zobrazovaly 14bitovým červeným textem, umístili byste do záhlaví této stránky následující kód:


p {
velikost písma: 14px;
barva: # ff0000;
}


3. V samostatném souboru, běžně nazývaném „externí šablona stylů“. Pokud chcete, aby několik stránek na vašem webu obsahovalo červené odstavce o 14 pixelech, vytvořte nejprve nový soubor nazvaný něco jako stylesheet.css (název souboru se může lišit podle vašich preferencí, ale musí použít přípona .css) a na následující stránce zadejte následující kód:

p {
velikost písma: 14px;
barva: # ff0000;
}

Poté, co jste uložili style.css, pak byste vytvořili speciální odkaz ze všech těchto stránek, na kterém chcete 14bitové červené odstavce, umístěním níže uvedeného kódu do jejich hlavových částí:



Obecně platí, že byste měli ponechat co nejvíce dat ze šablony stylů v externí šabloně stylů. Ušetří to nejen celou tu dobu, ale zabere vám to rozptýlení definic stylů na celém webu, ale také zkrátí dobu načítání stránky, pokud jsou všechny informace CSS pro celý web obsažené v jednom dokumentu. Když návštěvník prochází více stránek vašeho webu, počítač návštěvníka potřebuje načíst šablonu stylů pouze jednou.

Dalším způsobem, jak se připojit k informacím stylů, je příkaz @import. @import vám umožňuje připojit se k externí šabloně stylů z jiné šablony stylů. Používá se takto:

@import url ("otherstyle.css");

Příkaz @import by měl být první položkou šablony stylů, jinak nebude fungovat. Můžete také použít @import v hlavě HTML dokumentu, se stejnými výsledky jako při umístění odkazu na externí list. Tato metoda se nejčastěji používá k „hackování“ nebo klamání určitých prohlížečů; většina starších verzí prohlížeče @import ignoruje, takže můžete použít tuto metodu k skrytí dat stylů před nimi a zároveň poskytovat data návštěvníkům s novějšími verzemi prohlížeče.

Tvorba webu - CSS - jak nastavit obrázek na pozadí a jeho varianty - tutoriál č.3 (Červenec 2021)



Tagy Článek: Jak přidat kaskádové styly na vaše stránky, HTML, HTML, XHTML, DHTML, FTP, JPEG, GIF, CSS, postupy, kaskádové styly, W3C, webové konsorcium, standardy, skripty, zdrojový kód, styly , web, jazyky, odkazy, kurzy, tapety na plochu, webové stránky, návrhy webových stránek, nápověda

Rozhovor s JJ Lumsdenem, autorem

Rozhovor s JJ Lumsdenem, autorem

náboženství a spiritualita

Noemova archa a globální povodeň

Noemova archa a globální povodeň

náboženství a spiritualita

Populární Kosmetické Příspěvky

Národní týden zdraví žen

Národní týden zdraví žen

zprávy a politika

Vzestup národů

Vzestup národů

počítače

Brahmacharya

Brahmacharya

zdraví a fitness