Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
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
Podobné prezentace
