Uživatelské nástroje

Nástroje pro tento web


vyuka:kaskadove_styly

Kaskádové styly ve Flashi

- načítání kaskádových stylů z externích souborů

Kaskádové styly se ukládají do souborů s příponou .css, dá se podle nich definovat jak mají vypadat jednotlivé bloky. Např. že všechny nadpisy mají vypadat stejným způsobem, všechny odkazy budou podtržené apod.¨

nastavitelné vlastnosti kaskádových stylů ve flashi:

Vlastnosti se zapisují takto:

vlastnost: hodnota

u barvy např:

color:000000

Typy vlastností:

  • color (zapisuje se jako šestimístné číslo)
  • display (inline, block, list-item,none)
  • font-family (Můžete napsat několik fontů, které oddělíte čárkami. Pokud uživatel nemá v systému první font, načítá se další atd.)
  • font-size (píše se jako číslo a pt)
  • font-style (normal, italic)
  • font wight (normal, bold, bolder, lighter)
  • kerning (true, false) - prostrkání
  • leading - mezera mezi řádky
  • letter-spacing (mezery mezi písmeny)
  • margin-left - levý okraj
  • margin-right - pravý okraj
  • text-align - zarovnání textu
  • text-decoration (underline) - podtržený text
  • text-indent - odsazení prvního řádku v odstavci (v bodech)

nastavení vzoru odstavce

p {
color: #00ff00;
font-size: 12px;

...vlastnosti
}

nastavení vlastního vzoru

.velkýZelený {
color: #00ff00;
font-size: 24px;

...vlastnosti
}


p {
color:#666666;
font-size: 10pt;
font-family: Arial;
}

Flash podporuje tagy, které jsou v html běžné: nadpisy <h1></h1>

h1 {
color: #000099;
font-size: 18 pt;
}

h2 {
font-weight: bold;
font-decoration: underline;
}

načítání kaskádového stylu :

var cssLoader:URLLoader = new URLLoader(new URLLoader("mujSheet.css"));
cssLoader.addEventListener(Event.COMPLETE,stylNacten);

function stylNacten(e:Event) {
var styl:StyleSheet = new StyleSheet();
styl.parseCSS(e.target.data);
}
vyuka/kaskadove_styly.txt · Poslední úprava: 2012/02/23 16:51 autor: verca