Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Mgr. Vlastislav Kučera přednáška č. 5.  Seznamy  CSS – vlastnosti seznamů ◦ list-style-type, list-style-image, list-style-position  Tabulky  CSS –

Podobné prezentace


Prezentace na téma: "Mgr. Vlastislav Kučera přednáška č. 5.  Seznamy  CSS – vlastnosti seznamů ◦ list-style-type, list-style-image, list-style-position  Tabulky  CSS –"— Transkript prezentace:

1 Mgr. Vlastislav Kučera přednáška č. 5

2  Seznamy  CSS – vlastnosti seznamů ◦ list-style-type, list-style-image, list-style-position  Tabulky  CSS – vlastnosti tabulek ◦ border-collapse, border-spacing, empty-cells  Citace  Horní a dolní index  Zkratky  Horizontální čára

3  2 typy ◦ uspořádaný, neuspořádaný ◦ blokové, párové  uspořádaný: ◦  neuspořádaný: ◦  položky seznamu: ◦ ◦ párové, každá položka seznamu se zobrazí na novém řádku  př. – priklad-seznamy.htmlpriklad-seznamy.html

4  seznamy lze vnořovat  lze kombinovat oba typy seznamů  vnořovaný seznam musí být obsažen v položce nadřazeného seznamu  př:  př. – priklad-vnorene_seznamy.htmlpriklad-vnorene_seznamy.html

5  určuje vzhled odrážek položek seznamů  hodnoty ◦ disc, circle, square, decimal, decimal-leading-zero, ◦ lower-roman, upper-roman, lower-greek, lower- alpha ◦ lower-latin, upper-latin,...  výchozí hodnota ◦ disc  význam hodnot ◦ př. seznamy.htmlseznamy.html

6  určí obrázek, který má sloužit jako odrážka položky seznamu  hodnoty ◦ none,, inherit  výchozí hodnota ◦ není  význam hodnot ◦ none  pro vykreslení se nepoužije obrázek a odrážka je definovaná pomocí list-style-type ◦  jako odrážka se zobrazí obrázek ze zadané adresy  př.: seznam-image.htmlseznam-image.html

7  určuje pozici boxu odrážky vzhledem k základnímu boxu položky seznamu  hodnoty ◦ inside, outside, inherit  výchozí hodnota ◦ outside  význam hodnot ◦ inside – box odrážky je 1. řádkovým boxem uvnitř základního boxu položky seznamu ◦ outside – box odrážky leží vně základního boxu položky seznamu  př.: seznamy-position.htmlseznamy-position.html

8  uvozují se  řádek tabulky:  buňka:  spec. tag: ◦ téměř jako, ale text je zobrazen tučně a je vycentrován  př. – priklad-tabulka-zaklad.htmlpriklad-tabulka-zaklad.html

9  border ◦ rámeček kolem tabulky ◦ hodnota - číslo  cellpadding ◦ výplň v buňce ◦ hodnota - číslo  cellspacing ◦ rozestup mezi buňkami ◦ hodnota - číslo  př. – priklad-tabulka-parametry_01.htmlpriklad-tabulka-parametry_01.html

10  colspan ◦ buňka přes více sloupců ◦ hodnota - číslo  rowspan ◦ buňka přes více řádků ◦ hodnota - číslo  !POZOR na počty buněk v řádku a sloupci!  př. – priklad-tabulka-parametry_02.htmlpriklad-tabulka-parametry_02.html

11  určuje způsob orámování buněk tabulky  hodnoty ◦ collapse, separate, inherit  výchozí hodnota ◦ collapse  význam hodnot ◦ collapse  tabulka bude vykreslena v režimu splývajících orámování ◦ separate  tabulka bude vykreslena v režimu samostatného orámování

12  určuje vzdálenost mezi orámováním jednotlivých sousedních buněk; funguje, je-li border-collapse nastavena na separate  hodnoty ◦ "velikost", inherit  výchozí hodnota  0  význam hodnot ◦ "velikost" "velikost"  vzdálenost mezi orámováním sousedních buněk  je-li udána jedna hodnota, použije se pro vertikální i horizontální vzdálenost  dvě hodnoty: 1. je pro horizontální, 2. pro vertikální

13  určuje, zda se orámování vykreslí i okolo prázdných buněk  použití jen v kombinaci border-collapse: separate  hodnoty ◦ show, hide, inherit  výchozí hodnota ◦ show  význam hodnot ◦ show  orámování se vykreslí okolo prázdných buněk ◦ hide  okolo prázdných buněk se orámování nevykreslí  př.: tabulky-oramovani.htmltabulky-oramovani.html

14  ◦ blokový, párový ◦ parametr cite – píše se zde adresa citovaného zdroje ◦ při použití cite se používá tag  nepodporuje IE, Firefox, Opera  ◦ řádkový, párový  př. – priklad-citace.htmlpriklad-citace.html

15  horní index ◦  párový, řádkový  dolní index ◦  párový, řádkový  př. – priklad-horni_dolni_index.htmlpriklad-horni_dolni_index.html

16  zkratky: ◦ ◦ párový, řádkový ◦ parametr title  hodnota - vysvětlení zkratky  akronymy: ◦ ◦ párový, řádkový ◦ parametr title  hodnota - vysvětlení akronymu  př. – priklad-zkratky.htmlpriklad-zkratky.html

17  - XHTML, - HTML  nepárový, blokový  př. – priklad-cara.htmlpriklad-cara.html


Stáhnout ppt "Mgr. Vlastislav Kučera přednáška č. 5.  Seznamy  CSS – vlastnosti seznamů ◦ list-style-type, list-style-image, list-style-position  Tabulky  CSS –"

Podobné prezentace


Reklamy Google