návod Kaskádové formátování | CSS

[daniele_pvk 0]

Kaskádové formátování :

Jde o to že si vytvoříte dokument , ve kterym bude napsáno a nadefinováno , že všechny vaše stránky budou černý , že odkazy budou 2 cm velký atd...Je to prostě dokument do kterýho zapisujete vzhled vaších ostatních stránek např.: (index.html)

 

Takže START:

 

Začneme že si vytvoříme nový dokument s připonou .css (např.: styly.css) ,
v tomto dokumentu se nepoužívá žádný HTML jazyk , ani PHP , je to jazyk CSS ...

 

Uděláme si např.: že barva pozadí má být modrá :

 

 

body {

background-color: blue;

}

 

 

Na červenym místě má být vždy příkaz kterýmu chceme definovat vlastnosti !

Na modrym místě jaký vlastnosti např.: Barvu,Pozadí,velikost atd...

 

 

A nakonec musíte svým jiným strankám nadefinovat, že budou poslouchat příkazy stránky styly.css !

 

Takže všude kam dáte tento kód , tak tyto stránky budou číst definice ze stránky styly.css !

 

Další ukázky :

 

p {
  color: green;
  text-align: center;
}

Příkaz 
bude zelený a bude vždy ten text ve prostřed !

 

 

A to je vše pro začátek ..

[Daw3 0]

Zatím (na začátek) Dobrý

[Jean 0]

je to dobry, ale podle mne vubec nejlepsi je tohle je to sice stary, ale pořád aktualni a velmi dobre vysvetleno...

 

Ja sam se odtamtud jeste porad ucim

[7.Host 3]

zkontroluj si to po sobě

 

body {
background-color: blue
}

 

pokud bys to chtěl maximálně validní tak používej hexový kody barev ,ale jinak good tut

[Daw3 0]

Lol to jsem si nevšiml no.. Na to pozor!

body {
background-color: #3600ff;
}

[kubow 0]

přišel jsem nedávno na dvě takové zajímavé věci, které bych tady docela rád poznamenal (snad nebudete brát jako ot)

 

1. Komentáře - cokoliv co se nachází mezi znaky níže je bráno jako komentář, tímto způsobem můžete velmi elegantně schovávat i vetší bloky vyřazených vlastností

 

/* zde může být jakkoliv libovolný kod */

 

2. Import dalších kaskádových sešitů - pokud chcete vložit kaskádový sešit do již hotového existuje k tomu následující položka

 

@import url('kaskadovy_sesit.css');

 

S úspěchem se to využívá u tzv skinovatelných vzhledů, kde se některé prvky nemění, jsou umístěny v separátních sešitech a z hlavního se na ně jen ukazuje. Co se týče rychlosti, postavil jsem už stránky které importovaly 5 sešitů do jednoho a stále je to vyhovující (nepostřehnutelně rychlé)

 

Tak snad jsem někomu pomohl, aloha

[mimic 27]

Bylo by lepší dát odkaz na stránku, odkud všechno kopíruješ... tohle co si tady vytvořil není žádnej TUT, ale ukázka 3 příkazů v CSS

[stajda 1]

je to dobry, ale podle mne vubec nejlepsi je tohle je to sice stary, ale pořád aktualni a velmi dobre vysvetleno...

 

Ja sam se odtamtud jeste porad ucim

 

... jn já se tam učim JavaScript a chápu to lépe než od učitele

[Guest]

Podle mě je to TUT na nic, v TUTu bych si spíš představoval rozdíl mezi

a , id= a class a jejich zapisování do stylů, dědičnost prvků, apod.

A navíc TUT má být popsaný což nevidím