Kaskdov styly

Kaskdov stylyCascading Style SheetsVyuit CSSjde o jazyk pro popis zpsobu zobrazen strnek napsanch v jazycch HTML, XHTML nebo XMLumouje oddlit vzhled strnky od jeho struktury a obsahuobsah strnky je psn v jazyce HTML a vzhled uruj CSSve srovnn s formtovnm pomoc atribut v HTML formtovac schopnosti roziujestyly umouj pesn urit, jak bude kter element vypadatukzka CSSPipojen CSS do HTML strnkyStyl meme k dokumentu pipojit temi zpsoby: pmo u mnnho elementu atributem style="... Text odstavce ... .... stylopisem = seznamem styl zapsanm ve hlavice dokumentu h2 {color: blue; font-style: italic;}externm souborem CSS, kter pipojme v hlavice dokumentu

soubor css a html ukldme do jedn sloky

Vytvoen dokumentu index.htmlbudeme pouvat editor PSPadvytvome nov soubor

Vytvoen dokumentu index.htmlv hlavice souboru pipojme soubor styl.css

Vytvoen dokumentu styl.cssvytvome nov soubor

Jak pst stylopisKad soubor.css (stylopis) je tvoen seznamem pravidel. Kad pravidlo se skld ze dvou st- z popisu prvk, pro kter bude styl platit (tzv. selektor), a z definice stylu, kter je uzavena ve sloench zvorkch {}. Touto definic piazujeme njak CSS vlastnosti jej hodnotu a zpis uvnit sloench zvorek je ve tvaru {vlastnost: hodnota;}. Sloen zvorka prav Alt+b, prav Alt+n Npovda v PSPadu zaten psmena, Ctrl+mezernk Piazen vlastnosti selektoruNejjednodu selektor je selektor typov. Jeho nzev je nzev tagu v HTML a definice stylu potom plat pro vechny tyto tagy v HTML dokumentu. body {background-color: rgb(255,204,51); font-family: Amerigo Md ATb; font-size: medium; }h1 {text-align: center; font-size: 16px; } Vechny nadpisy h1 budou mt velikost 16 pixel a budou zarovnan na stedHTML 5HTML 5 je nov verze specifikace znakovacho jazyka HTML, kter pin podstatn zmny v technologich webovch strnek. HTML 5 umouje krom jinho pehrvat multimdia pmo ve webovm prohlei a vytvet v nm aplikace, kter funguj i bez pipojen k internetu.Letos se postupn seznmme s nkolika novmi tagy, kter nm umon zven pehlednosti zdrojovho kdu a roz monosti formul

HTML 5

CSSNa rozlenn stnek budeme pouvat tagy z HTML 5Abychom vidli, kde kad st zan a kon, pouijeme rmekyNa menu je vhodn pout odrky odsad text od okraj, nemus se ukonovat tagem
Prvn pkladindex.html

Prvn pkladstyl.css

Prvn pklad

Prvn pklad pidn stnustyl.css

Prvn pklad prava odkazstyl.css

na odkaz nebylo kliknuto

odkaz po kliknutodkaz pi pejet myPrvn pklad

Prvn pklad sekce styl.css

index.html

18Vlastnost box-sizingme mt ti hodnoty

Vlastnost float a clearfloat - uruje obtkn prvkunone prvek nebude obtknright (left) - prvek bude pioupnut k pravmu (levmu) okraji, nsledujc text ho bude obtkatclear - uruje ekn na ukonen jinch obtkanch prvknone na plovouc prvky se neekboth prvek se vykresl a pod vemi plovoucmi prvkyright (left) prvek ek na obtkan objekty piazen doprava (doleva)Na strnce http://jecas.cz/float si mete tyto vlastnosti vyzkouet

Prvn pklad lnek (article)styl.css

index.html

Prvn pklad obrzekPro jednoznan popis njakho elementu existuje univerzln atribut ID. Ve stylopisu mu lze piadit deklaraci, kter zan dvojkkem #. V tle dokumentu by se element s jednm identifiktorem ml vyskytovat jenom jednou.styl.css

index.html

index.html

Prvn pklad

Odkazy na vhodn strnkyhttp://www.vzhurudolu.cz/prirucka/css3http://www.itnetwork.cz/cesky-html-5-manualhttp://www.itnetwork.cz/cesky-css-3-manual-rejstrik