CSS Obsah Úvod Základy CSS Základem je dobrý dokument Vytvoření stylopisu... 26
|
|
|
- Alena Dušková
- před 9 lety
- Počet zobrazení:
Transkript
1
2
3
4
5 CSS 5 Úvod Základy CSS Základem je dobrý dokument Vytvoření stylopisu...26 Základní syntaxe Komentáře Připojení stylopisu k dokumentu XHTML...27 Zápis přímo do dokumentu Načtení externího stylopisu Hodnoty...28 Klíčová slova <číslo>, <celé_číslo> <velikost>, <délka> Absolutní jednotky Relativní jednotky <procenta> <barva> <URI> <řetězec> <čas> Selektory...31 Selektory typu Univerzální selektor Selektory třídy Násobné třídy Selektory ID Selektory s atributy Existence atributu Atribut hodnoty Atribut obsahující hodnotu Atribut obsahující podhodnotu Vícenásobné selektory s atributy Selektory následníků... 33
6 6 CSS Selektory potomků Selektory sourozenců Pseudotřídy a pseudoprvky...34 Pseudotřídy :link a :visited Dynamické pseudotřídy :hover, :active a :focus Pseudotřída :first-child Jazyková pseudotřída :lang Pseudoprvek :first-line Pseudoprvek :first-letter Pseudoprvky :before a :after Kombinování a seskupování selektorů, pseudotříd a pseudoprvků...38 Kombinované selektory Seskupování selektorů Média...38 Typy médií Určení médií v dokumentu Určení médií přímo ve stylopisu Dědičnost...39 Klíčové slovo inherit Vypočítané hodnoty a kaskáda...40 Vypočítané hodnoty Kaskáda Konkrétnost selektorů Pravidlo!important Podpora vlastností v nejběžnějších prohlížečích CSS a JavaScript Připojení souboru JavaScriptu k dokumentu XHTML Identifikace prohlížečů JavaScriptem (příklady) Podstrčení vhodného stylu na základě identifikace prohlížeče Rozměry prvků a přetékání obsahu Výpočet rozměrů prvků...50 Výpočet rozměrů prvků podle Specifikace W3C (model pouze obsah ) Výpočet rozměrů prvků podle Microsoftu (model včetně rámečku a výplně )... 50
7 CSS 7 Hodnota auto Blokové (nenahrazované) prvky Řádkové (nenahrazované) prvky Nahrazované (blokové i řádkové) prvky Absolutně poziciované (nenahrazované) prvky Absolutně poziciované (nahrazované) prvky Šířka obsahu prvku vlastnost width...52 Problém chybného počítání rozměrů v Internet Exploreru Řešení Starší způsoby řešení Řešení pomocí CSS Minimální šířka prvku vlastnost min-width...61 Příklad Maximální šířka prvku vlastnost max-width Šířka prvku od hrany rámečku po hranu rámečku vlastnost box-width Výška obsahu prvku vlastnost height...68 Problém chybného počítání rozměrů v Internet Exploreru Možnosti řešení Starší způsoby řešení Řešení pomocí CSS Procentní výška prvku umístěného v <body> Minimální výška prvku vlastnost min-height Maximální výška prvku vlastnost max-height Výška prvku od hrany rámečku po hranu rámečku vlastnost box-height Výpočetní model rozměrů prvků vlastnost box-sizing Přetékání obsahu vlastnosti overflow, overflow-x a overflow-y.80 Přetékání v praxi Viditelná oblast vlastnost clip Viditelná oblast v CSS 3 vlastnost overflow-clip Viditelná oblast nahrazovaných prvků vlastnost crop Podpora vlastností v nejběžnějších prohlížečích...86
8 8 CSS 4. Barvy a pozadí Barva textu vlastnost color Styl pozadí vlastnost background...90 Barva pozadí vlastnost background-color Obrázek na pozadí vlastnost background-image Opakování obrázku na pozadí vlastnost background-repeat Umístění obrázku na pozadí vlastnost background-position Ukotvení obrázku na pozadí vlastnost background-attachment Sdružená vlastnost background Podpora vlastností v nejběžnějších prohlížečích Okraje, výplně a rámečky Základní koncepce rámů...95 Základní podpora v různých prohlížečích Okraje vlastnost margin Slučování okrajů Hodnota auto snadné centrování blokových prvků Stránka na střed v Mozille Výplně vlastnost padding Rámečky vlastnost border Šířka rámečku vlastnost border-width Barva rámečku vlastnost border-color Styl rámečku vlastnost border-style Sdružená vlastnost border Zaoblení rámečku vlastnost border-radius Složitější příklad Obrazy v rámečku vlastnosti border-image, border-corner-image, border-fit, border-image-transform, border-corner-imagetransform Obrázek v rámečku vlastnost border-image Obrázek v rohu rámečku vlastnost border-corner-image Opakování obrázků v rámečku vlastnost border-fit Natočení obrázku v rámečku vlastnosti border-image-transform, border-corner-image-transform Sdružená vlastnost border dle CSS
9 CSS Obrys prvku vlastnost outline Stín prvku vlastnost box-shadow Podpora vlastností v nejběžnějších prohlížečích Vlastnosti písma Typ písma font-family Písma pro starší verze Linuxu Písma pro Windows 3.x Písma pro Mac OS Písma pro moderní Linux Bezpatková písma Patková písma Psaná písma Písma pro Windows 95/98/ME/NT/2000/XP Bezpatková písma Ostaní písma Příklady definice písem Bezpatkové písmo malé Bezpatkové písmo střední Bezpatkové písmo velké Patkové písmo malé Patkové písmo větší Proložené písmo menší Proložené písmo větší Dekorativní písmo Psané písmo Dynamické vkládání fontů Velikost písma font-size Styl písma font-style Síla písma font-weight Kapitálky font-variant Výška řádek line-height Sdružená vlastnost font Hustota písma font-stretch Výška nízkých liter font-size-adjust Podpora vlastností v nejběžnějších prohlížečích...137
10 10 CSS 7. Vlastnosti textu Odsazení první řádky vlastnost text-indent Rozestup znaků vlastnost letter-spacing Rozestup slov vlastnost word-spacing Vodorovné zarovnání vlastnost text-align Svislé zarovnání vlastnost vertical-align Velikost písmen vlastnost text-transform Dekorace textu vlastnost text-decoration Stín kolem textu vlastnost text-shadow Rolování textu vlastnosti marquee Styl rolování textu vlastost marquee-style Směr rolování textu vlastnost marquee-direction Rychlost rolování textu vlastnost marquee-speed Opakování rolování textu vlastnost marquee-repetition Sdružená vlastnost marquee Efekty písma vlastnost font-effect Podpora vlastností v nejběžnějších prohlížečích Typ prvku a viditelnost Typ prvku vlastnost display block, inline, none inline-block run-in compact table, table-cell a inline-table Svislé centrování obsahu pomocí vlastnosti display Viditelnost prvku vlastnost visibility Podpora vlastností v nejběžnějších prohlížečích Pozice prvku Pozice prvku vlastnosti position, top, right, bottom, right, z-index Pozice prvku position Souřadnice prvku top, right, bottom, left
11 CSS 11 Pozice prvku ve třetím rozměru z-index Praktické příklady poziciování Kompletní rozvržení stránky pomocí position: absolute pevný třísloupcový layout Kompletní rozvržení stránky pomocí position: absolute pružný třísloupcový layout Kompletní rozvržení stránky pomocí position: absolute částečně pružný třísloupcový layout Kompletní rozvržení stránky pomocí position: absolute částečně pružný třísloupcový layout rozměry v em Kompletní rozvržení stránky pomocí position: fixed pružný třísloupcový layout s fixně poziciovaným ovládacím menu rozměry v em Relativní poziciování řádkových prvků Plovoucí vykřičník Pružné poznámky ve zdrojovém kódu Svislé centrování obsahu verze pro Internet Explorer Svislé centrování obsahu kompletní verze (pro všechny prohlížeče) Plovoucí prvky vlastnost float Praktické příklady použití vlastnosti float Plovoucí nadpisy Dva sloupce s obrázkem uprostřed Tři sloupce s obrázkem uprostřed Zrušení obtékání vlastnost clear Podpora vlastností v nejběžnějších prohlížečích Tabulky Tabulky a CSS Tabulkový formátovací model CSS Tabulkové prvky Přehled předdefinovaných hodnot display v XHTML Šířka tabulky Formátovací modely vlastnost table-layout Automatický model Fixní model Výška tabulky Vodorovné zarovnání obsahu buněk Teoretický výsledek:
12 12 CSS 10.8 Svislé zarovnání obsahu buněk vlastnost vertical-align Formátování sloupců Dynamické efekty skrytí či zobrazení řádků a sloupců vlastnost visibility Slučování rámů buněk vlastnost border-collapse Rozestup mezi rámy buněk vlastnost border-spacing Zobrazení prázdných buněk vlastnost empty-cells Pozice titulku tabulky vlastnost caption-side Praktické příklady formátování tabulek v CSS Příklad 1 jednoduchá tabulka Příklad 2 trochu složitější tabulka Celý kód opravné funkce Celé řešení Automatické nastavení barev v buňkách podle obsahu Základní řešení Podpora CSS v nejběžnějších prohlížečích Generovaný obsah Generování obsahu vlastnost content <řetězec> attr(x) <uri> Čítače a uvozovky Čítače vlastnosti counter-increment a counter-reset Uvozovky vlastnost quotes Podpora vlastností v nejběžnějších prohlížečích Vlastnosti seznamů Typ odrážky seznamu vlastnost list-style-type Obrázek jako odrážka seznamu vlastnost list-style-image Umístění odrážky seznamu vlastnost list-style-position Sdružená vlastnost list-style Podpora vlastností v nejběžnějších prohlížečích...285
13 CSS Uživatelské efekty Tvar kurzoru vlastnost cursor Průhlednost prvku vlastnost opacity Podpora vlastností v nejběžnějších prohlížečích Vlastnosti tisku Zalamování textu vlastnosti page-break-before, page-break-after, page-break-inside Minimální počet řádků na stránce vlastnosti orphans a widows Tisknutelná oblast 14.4 Velikost a orientace tisknutelné oblasti vlastnost size Pojmenované stránky vlastnost page Adresování první, levé a pravé strany pseudotřídy :first, :left a :right Další tipy k formátování pro tisk Zrušte tisk zbytečností Barvy a pozadí Tisk odkazů Podpora vlastností v nejběžnějších prohlížečích Odstřižení starých prohlížečů od stylů a skriptů, individualizace stylopisů Individualizace stylů Připojení externích stylů Link a import Podmíněné komentáře Příklad odříznutí starších prohlížečů od stylu Triky na úrovni pravidel stylů Triky se selektory Další CSS triky Individualizace skriptů Identifikace prohlížeče JavaScriptem příklady useragent Opera Opera
14 14 CSS Internet Explorer 5.5 a Konqueror Staré prohlížeče, Mozilla 0, Opera 6, IE Další tipy a řešení Režimy prohlížečů Zapsání stylu JavaScriptem Registrace ovladačů událostí Jak na onload Rozbalovací nabídky Svislá rozbalovací nabídka (změna výšky) Svislá rozbalovací nabídka (pomocí display) Víceúrovňová rozbalovací nabídka Několik poznámek Nejzákladnější styly pište přímo do dokumentu Rejstřík
15 + CSS 15 Úvod Úvod CSS ( Tabulky kaskádových stylů, Cascading Style Sheets) jsou skutečným přelomem ve způsobu formátování webových prezentací. Protože CSS neovlivňuje obsah dokumentů samotných, umožňuje vytvářet čisté, přísně strukturované dokumenty, vyhovujíci logice i standardům, umožňující bezproblémovou práci s obsahem vašich stránek i jiným aplikacím, než jakými jsou běžné prohlížeče (včetně čtecích zařízení pro nevidomé, mobilních zařízení, XML aplikací, fulltextových vyhledávačů na webu, ale třeba i starých textových prohlížečů). Jak je tato kniha napsána Tato kniha je psána trochu jinak, než je u většiny podobných knih o CSS zvykem. Najdete tu jen velmi málo teorie, kniha je koncipována spíše jako praktický manuál pro tvůrce webových stránek. uje základní popis využití CSS, dále detailní popis vlastností s přihlédnutím k praxi, řešení problémů pomocí JavaScriptu, využití spojení CSS a JavaScriptu, kompatibilitu CSS v nejčastěji používaných prohlížečích a další témata. Úvod
16 16 CSS Další rozdíl je v tom, že zde nezatajuji žádné problémy, které vás při vytváření dokumentů za pomoci CSS mohou potkat. Většina publikací o CSS se spokojí s tím, že popíší teorii, popíší stručně jednotlivé vlastnosti a připojí test podpory v jednotlivých prohlížečích v základních konstrukcích, avšak chování prohlížečů ve složitějších situacích příliš nerozebírají, aby čtenáře neodradili od CSS zcela. V této knize je tomu jinak pokud jsem zjistil v určitých situacích nějaké nekorektní chování prohlížečů, neváhám na problém upozornit a nabídnu případně řešení. Rovněž se snažím nepreferovat žádný prohlížeč, nejsem ani stoupenec tzv. IE ONLY, ani bezvýhradný obdivovatel Mozilly, jsem zastáncem hesla padni komu padni, jen když to bude užitečné pro čtenáře. Co byste měli znát Studium této knihy předpokládá, že máte alespoň základní znalosti jazyka HTML či XHTML. Není nutná žádná znalost CSS (...to vás má tato kniha přece naučit...). Vítána je znalost jazyka JavaScript není však vůbec nutná, při jeho neznalosti se pouze připravíte o spoustu zajímavých možností. Struktura knihy Jak již bylo uvedeno výše, tato kniha má posloužit hlavně praktickým potřebám webových tvůrců, proto zde praxe vysoce převažuje nad teorií. Zájemce o studium teorie CSS odkazuji na jinou literaturu či ještě lépe přímo na stránky W3C ( kde naleznete přesné znění všech specifikací (CSS 1, CSS 2, CSS 2,1, jakož i stále ještě rozpracované CSS 3). Největší část obsahu knihy (kapitoly 3 až 14) proto tvoří popis jednotlivých vlastností, návody na jejich praktické použití (a využití), řešení případných problémů s nekompatibilitou v prohlížečích a zajímavé tipy. Na konci každé kapitoly je pak ještě tabulka s detailním popisem podpory vlastností popsaných v této kapitole, a to ve všech běžně používaných prohlížečích (novější verze prohlížečů Mozilla, Opera, Internet Explorer a Konqueror). Popisované vlastnosti jsou do jednotlivých kapitol zařazovány podle toho, v jakých situacích jsou nejčastěji využívány (např. vlastnost font-size spolehlivě najdete v kapitole Vlastnosti písma). Historie formátování (X)HTML Ve svých počátcích v roce 1990 byla jediným cílem jazyka HTML prezentace obsahu (především textu) v čisté, strukturované formě, pouze s několika značkami. Mělo být pouze zřejmé, co je nadpis, co odstavec apod. Již v těchto dobách se předpokládalo, že způsob zobrazení se bude řídit stylovými předpisy. První webový prohlížeč na světě NeXT byl navržen tak, že výsledné formátování dokumentu bylo řízeno jednoduchým stylovým předpisem. Další prohlížeč, Mozaic z roku 1993, však tuto koncepci zcela opustil a možnosti práce se styly dokumentu prakticky znemožnil. Později si začalo mnoho autorů stěžovat, že nemohou nikterak ovlivnit vzhled svých HTML stránek. Proto byl již v roce 1994 vypracován první návrh Cascading Style Sheets. Bohužel se však v téže době objevil webový prohlížeč Netscape 1, což s odstupem doby byla pro web katastrofa. Firma Netscape totiž místo podpory stylů zabudovala vlastnosti pro řízení vzhledu přímo do značek HTML. Toto řešení započalo éru nekompatibility webových stránek i prohlížečů, a hlavně zanesení původně čistého a strukturovaného kódu HTML dokumentu různým formátovacím balastem. Postupně přišli na trh webových prohlížečů další výrobci, kteří v tomto trendu pokračovali, a HTML kód se tak zanášel dalšími značkami a jejich atributy, které nesloužili ničemu jinému, Úvod
Ukázka knihy z internetového knihkupectví www.kosmas.cz
Ukázka knihy z internetového knihkupectví www.kosmas.cz U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 0 6 5 9 U k á z k a k n i h
1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11
Obsah 3 1: Úvod 9 Dříve než začnete......................... 9 Co a kde v knize naleznete....................... 9 Zdroje............................... 10 Doporučení pro další studium.....................
CSS Obsah Úvod... 15 1. Základy CSS... 25 1.1 Základem je dobrý dokument... 26 1.2 Vytvoření stylopisu... 26
CSS 5 Obsah Úvod... 15 1. Základy CSS... 25 1.1 Základem je dobrý dokument...26 1.2 Vytvoření stylopisu...26 Základní syntaxe... 26 Komentáře... 27 1.3 Připojení stylopisu k dokumentu XHTML...27 Zápis
CSS Obsah Úvod Základy CSS Základem je dobrý dokument Vytvoření stylopisu... 26
CSS 5 Úvod... 15 1. Základy CSS... 25 1.1 Základem je dobrý dokument...26 1.2 Vytvoření stylopisu...26 Základní syntaxe... 26 Komentáře... 27 1.3 Připojení stylopisu k dokumentu XHTML...27 Zápis přímo
CSS Obsah Úvod Základy CSS Základem je dobrý dokument Vytvoření stylopisu... 26
CSS 5... 15 1. Základy CSS... 25 1.1 Základem je dobrý dokument...26 1.2 Vytvoření stylopisu...26 Základní syntaxe... 26 Komentá e... 27 1.3 Připojení stylopisu k dokumentu XHTML...27 Zápis p ímo do dokumentu...
Přehled základních html tagů
Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...
CSS Cascading style sheet přehled vlastností selektory
CSS Cascading style sheet přehled vlastností selektory Praha a EU Investujeme do vaší budoucnosti Obsah 1 Přehled některých vlastností a hodnot... 2 1.1 Formátování textu... 2 1.2 Barvy a pozadí v dokumentu...
CSS - stručná reference kaskádových stylů
1. font a parametry písma font, font-family, font-size, font-style, font-variant, font-weight 1.1 font Nastavuje většinu parametrů textu najednou. Jednotlivé atributy naleznete v kapitolách 1.2-1.6 a line-height
Kaskádové styly (CSS) Cascading Style Sheets
CSS verze 22.11. 2007 1 Kaskádové styly (CSS) Cascading Style Sheets Existují 3 druhy zápisu CSS do webové stránky a) Vložením tagu STYLE do hlavičky dokumentu ...definice stylu atributy: type...
Cascading Style Sheets CSS Selektory Selektory
CSS JohanSebastianBachwasaprolificomposeṙ Bach'shomepage TITLE> BODY>Bach'shomepage H1> 1{color:red} h STYLE> HEAD>
CSS vlastnosti - stručný prehľad. Vlastnosti písma. Vlastnosti farby a pozadí. font-family. font-style. font-variant. font-weight. font-size.
Page 1 of 6 CSS vlastnosti - stručný prehľad Vlastnosti písma font-family rodina písma font-style styl písma font-variant varianta písma font-weight duktus písma font-size veľkosť písma font písmo
Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.cz Internetové publikování CSS 4. Formátovací model, pozicování
TVORBA WEBOVÝCH STRÁNEK
TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03c Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03c 1. Box model v CSS 2. Obtékání blokových (X)HTML elementů 3. Pozicování blokových (X)HTML
Referenční přehled vlastností CSS1 (Cascading Style Sheets, level 1)
Stránka č. 1 z 9 Referenční přehled CSS1 (Cascading Style Sheets, level 1) Tento dokument shrnuje jdůležitější informace o káskadových stylech dokumentů. Informace vycházejí z oficialního doporučení konsorcia
Tvorba webu. Kaskádové styly (CSS) Martin Urza
Tvorba webu Kaskádové styly (CSS) Martin Urza Motivace Proč používat kaskádové styly k formátování HTML? Dovolují více možností formátování než klasické HTML atributy a stále přibývají další (možnosti).
Blokový model v CSS:
Blokový model v CSS: Blokový model v CSS: Vlastnosti textu Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis word-spacing normal, délka normal o kolik se zvětší mezera mezi slovy letter-spacing
TVORBA WEBOVÝCH STRÁNEK
TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03b Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03b 1. Kaskádové styly (CSS) 2. Vazba CSS na (X)HTML dokument 3. Syntaxe CSS 4. Barva a
PODPORA ELEKTRONICKÝCH FOREM VÝUKY
I N V E S T I C E D O R O Z V O J E V Z D Ě L Á V Á N Í PODPORA ELEKTRONICKÝCH FOREM VÝUKY CZ.1.07/1.1.06/01.0043 Tento projekt je financován z prostředků ESF a státního rozpočtu ČR. SOŠ informatiky a
NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák
NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE
František Hudek. květen 2013. 6. - 7. ročník
VY_32_INOVACE_FH13_WIN Jméno autora výukového materiálu Datum (období), ve kterém byl VM vytvořen Ročník, pro který je VM určen Vzdělávací oblast, obor, okruh, téma Anotace František Hudek květen 2013
Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie
Škola Střední odborná škola a Střední odborné učiliště, Hustopeče, Masarykovo nám. 1 Autor Ing. Jiří Tinka Číslo projektu CZ.1.07/1.5.00/34.0394 Číslo DUM VY_32_INOVACE_18_ICT_08.08a Název Tvorba webu
Rozměry, okraje a rámečky
Rozměry, okraje a rámečky 185 Jaké jednotky délky lze v CSS použít Jednotky délky slouží k zapisování vzdálenosti a definují se jimi jak rozměry elementů, tak rozměry okrajů či rámečků. Zapisují se hned
Káskádové styly = CSS
Návrh a tvorba WWW stránek 1/20 Káskádové styly = CSS CSS = Cascading Style Sheets = tabulky kaskádových stylů na začátku byl stylesheet soubor pravidel definující vzhled textu nezávisle na obsahu pomocí
Základy CSS (3. přednáška)
Základy CSS (3. přednáška) Kaskádové styly k čemu jsou HTML definuje strukturu, CSS definuje vzhled. CSS stylesheet soubor pravidel určujících vzhled jednotlivých prvků dokumentu CSS pravidlo sestává ze
OBALKYKNIH.CZ API 3.0, IMPLEMENTACE PRO ALEPH OPAC
OBALKYKNIH.CZ API 3.0, IMPLEMENTACE PRO ALEPH OPAC Charakteristika: soubor skriptů, obrázků a popisů k implementaci komunikace s API služby obalkyknih.cz, verze 3.0 pro ALEPH OPAC. Balíček souvisejících
Referenční přehled vlastností CSS1 (Cascading Style Sheets, level 1)
Referenční přehled CSS1 (Cascading Style Sheets, level 1) Tento dokument shrnuje jdůležitější informace o káskadových stylech dokumentů. Informace vycházejí z oficialního doporučení konsorcia W3C Cascading
Microsoft Office. Word styly
Microsoft Office Word styly Karel Dvořák 2011 Styly Používání stylů v textovém editoru přináší několik nesporných výhod. Je to zejména jednoduchá změna vzhledu celého dokumentu. Předem připravené styly
1 Typografie. 1.1 Rozpal verzálek. Typografie je organizace písma v ploše.
1 Typografie Typografie je organizace písma v ploše. 1.1 Rozpal verzálek vzájemné vyrovnání mezer mezi písmeny tak, aby vzdálenosti mezi písmeny byly opticky stejné, aby bylo slovo, řádek a celý text opticky
CSS Stylování stránek. Zpracoval: Petr Lasák
CSS Stylování stránek Zpracoval: Petr Lasák Cascade Style Sheets Sada stylů každý element má styl svého zobrazení Říká, jak má být element zobrazen, ne co v něm je Do verze HTML 4.0 byl vzhled měněn pouze
CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.
Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s
12. Základy HTML a formuláře v HTML
12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura
Výukový materiál zpracován v rámci projektu EU peníze školám
Výukový materiál zpracován v rámci projektu EU peníze školám Název školy: Střední zdravotnická škola a Obchodní akademie, Rumburk, příspěvková organizace Registrační číslo projektu: CZ.1.07/1.5.00/34.0649
Počítače přirozeně pracují pouze s čísly
Kódování a entity v XHTML Úvod do CSS Internetové publikování 1 Kódování znaků Počítače přirozeně pracují pouze s čísly Zprostředkování práce se znaky definice párování číslo ~ znak soubor definic = kódová
Přehled vlastností stylů
Přehled stylů Styly jsou ds jefektivnějším způsobem, jak ovládat grafický vzhled strák. Definují přes padesát, které slouží k vizuálních atributů elementů. V následujících tematicky rozčleněných tabulkách
Mimochodem, co je CSS? Formátování HTML. Drobný problém. Základy práce se styly. Trojí použití CSS. Přímo (in-line)
Mimochodem, co je CSS? CSS vzniklo někdy kolem roku 1997. Je to kolekce metod pro grafickou úpravu webových stránek. Ta zkratka znamená Cascading Style Sheets, česky "kaskádové styly". Kaskádové, protože
Výsledky I. fáze Posouzení shody webu podrobný rozpis. Název. Splňuje. Důvod a způsob založení. Splňuje. Organizační struktura
rohlášení o přístupnosti Výsledky I. fáze osouzení shody webu podrobný rozpis 1 Název 2 Důvod a způsob založení 3 Organizační struktura 1 / 23 rohlášení o přístupnosti 4 Kontaktní spojení 4.1 Kontaktní
2.7.2 Mocninné funkce se záporným celým mocnitelem
.7. Mocninné funkce se záporným celým mocnitelem Předpoklady: 70 Mocninné funkce se záporným celým mocnitelem: znamená? 3 y = = = = 3 y y y 3 = ; = ; = ;.... Co to Pedagogická poznámka: Nechávám studenty,
SkautIS Remote Components absolventská práce
MUŠKA Moravská úřednická škola SkautIS Remote Components absolventská práce Martin Jašek Jedlík středisko Prof. Skoumala Přerov MUŠKA 2010/11 Obsah Úvod... 3 1. Seznámení se SkautIS komponentami... 3 1.1.
Soukromá vyšší odborná škola a Obchodní akademie s.r.o. České Budějovice Pražská 3. Absolventská práce. 2003 Petra Pavlyková
Soukromá vyšší odborná škola a Obchodní akademie s.r.o. České Budějovice Pražská 3. Absolventská práce 2003 Petra Pavlyková Prohlašuji že jsem absolventskou práci na téma Tvorba internetových aplikací
Metodika pro učitele
Metodika pro učitele Úprava a práce s fotografiemi v programu PhotoScape Obrázkový editor PhotoScape je zdarma dostupný program, který nabízí jednoduchou úpravu obrázků a fotek, je určen začátečníků a
OFICIÁLNÍ SMS BRÁNA SÍTĚ O2 BRANDING
BRÁNA Neztrácejte čas hledáním OFICIÁLNÍ SMS BRÁNA SÍTĚ O2 BRANDING OFICIÁLNÍ SMS BRÁNA DO SÍTĚ O2 Tabulka 2: Věk SMS Brána umožňuje internetovým uživatelům posílat krátké textové zprávy v síti TO2. SMS
Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1
Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1 Šablona: Název: Téma: Autor: Inovace a zkvalitnění výuky prostřednictvím ICT Design a vzhledové vlastnosti webových stránek Vlastnosti
O CSS podrobněji. Box model Document flow Layout
O CSS podrobněji Box model Document flow Layout O CSS podrobněji Box model Každý element má: -obsah (content) -spadávku (padding) -rámeček (border) -okraj (margin) O CSS podrobněji http://www.w3.org/tr/css21/box.html
Vektorový grafický editor
Vektorový grafický editor Jak již bylo řečeno, vektorový editor pracuje s křivkami; u vektorových obrázků se při zvětšování kvalita nemění. Jednoduchý vektorový obrázek může nakreslit ve Wordu; pro náročnější
Zvyšování IT gramotnosti zaměstnanců vybraných fakult MU MS POWERPOINT 2010
Zvyšování IT gramotnosti zaměstnanců vybraných fakult MU MS POWERPOINT 2010 Novinky v PowerPoint 2010 Správa souborů v novém zobrazení Backstage Automatické ukládání verzí prezentace Uspořádání snímků
MS WORD 2007 Styly a automatické vytvoření obsahu
MS WORD 2007 Styly a automatické vytvoření obsahu Při formátování méně rozsáhlých textů se můžeme spokojit s formátováním použitím dílčích formátovacích funkcí. Tato činnost není sice nijak složitá, ale
2.4.11 Nerovnice s absolutní hodnotou
.. Nerovnice s absolutní hodnotou Předpoklady: 06, 09, 0 Pedagogická poznámka: Hlavním záměrem hodiny je, aby si studenti uvědomili, že se neučí nic nového. Pouze používají věci, které dávno znají, na
TWA 01. Úvod do tvorby www stránek. Ing. Martin Dosedla
TWA 01 Úvod do tvorby www stránek Ing. Martin Dosedla Osnova předmětu (X)HTML a tvorba webu pomocí přímého zápisu kódu Tvorba www s využitím wysiwyg editorů Návrh grafiky pro www stránky Kaskádové styly
Vývoj Internetových Aplikací
2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info
PŘÍRUČKA K POUŽÍVÁNÍ APLIKACE HELPDESK
PŘÍRUČKA K POUŽÍVÁNÍ APLIKACE HELPDESK Autor: Josef Fröhlich Verze dokumentu: 1.1 Datum vzniku: 4.4.2006 Datum poslední úpravy: 10.4.2006 Liberecká IS, a.s.;jablonecká 41; 460 01 Liberec V; IČ: 25450131;
Kaskádové styly (CSS)
Kaskádové styly (CSS) Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar ČERBA Západočeská univerzita v Plzni Vznik dokumentu: 20.11.2007 Poslední aktualizace: 5.11.2009 Cascading Style Sheets
( ) 2.4.4 Kreslení grafů funkcí metodou dělení definičního oboru I. Předpoklady: 2401, 2208
.. Kreslení grafů funkcí metodou dělení definičního oboru I Předpoklady: 01, 08 Opakování: Pokud jsme při řešení nerovnic potřebovali vynásobit nerovnici výrazem, nemohli jsme postupovat pro všechna čísla
Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.
Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s
Střední průmyslová škola strojnická Olomouc, tř.17. listopadu 49
Střední průmyslová škola strojnická Olomouc, tř.17. listopadu 49 Výukový materiál zpracovaný v rámci projektu Výuka moderně Registrační číslo projektu: CZ.1.07/1.5.00/34.0205 Šablona: III/2 Informační
Inovace výuky prostřednictvím ICT v SPŠ Zlín, CZ.1.07/1.5.00/34.0333 Vzdělávání v informačních a komunikačních technologií
VY_32_INOVACE_33_12 Škola Střední průmyslová škola Zlín Název projektu, reg. č. Inovace výuky prostřednictvím ICT v SPŠ Zlín, CZ.1.07/1.5.00/34.0333 Vzdělávací oblast Vzdělávání v informačních a komunikačních
IMPORT A EXPORT MODULŮ V PROSTŘEDÍ MOODLE
Nové formy výuky s podporou ICT ve školách Libereckého kraje IMPORT A EXPORT MODULŮ V PROSTŘEDÍ MOODLE Podrobný návod Autor: Mgr. Michal Stehlík IMPORT A EXPORT MODULŮ V PROSTŘEDÍ MOODLE 1 Úvodem Tento
3.2.4 Podobnost trojúhelníků II
3..4 odobnost trojúhelníků II ředpoklady: 33 ř. 1: Na obrázku jsou nakresleny podobné trojúhelníky. Zapiš jejich podobnost (aby bylo zřejmé, který vrchol prvního trojúhelníku odpovídá vrcholu druhého trojúhelníku).
Mgr. Vlastislav Kučera lekce č. 2
Mgr. Vlastislav Kučera lekce č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to je to, co se
Word 2007. Josef Pecinovský. podrobný průvodce
Word 2007 podrobný průvodce Josef Pecinovský Vydala Grada Publishing, a.s. U Průhonu 22, Praha 7 jako svou 2893. publikaci Odpovědný redaktor Pavel Němeček Návrh vnitřního layoutu Miroslav Lochman Počet
Tvorba webových stránek
Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou
2.8.9 Parametrické rovnice a nerovnice s absolutní hodnotou
.8.9 Parametrické rovnice a nerovnice s absolutní hodnotou Předpoklady: 0,, 806 Pedagogická poznámka: Opět si napíšeme na začátku hodiny na tabuli jednotlivé kroky postupu při řešení rovnic (nerovnic)
Skripta ke školení. Základy HTML a CSS. vypracoval: Tomáš Herout. tel:
Skripta ke školení Základy HTML a CSS vypracoval: Tomáš Herout e-mail: herout@helpmark.cz tel: 739 719 548 2015 Obsah HTML... 4 STRUKTURA DOKUMENTU WEBOVÉ STRÁNKY... 4 CO JE TO HTML... 4 Jak se nazývají
Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD
CSS 1 Výhody: Udřování prezentace oddělené od dokumentu znamená, že můžete nastavit styly dokumentu pro různá média; Oddělení dokumentu od jeho prezentace znamená menší dokument, což dále znamená, že se
INTEGROVANÁ STŘEDNÍ ŠKOLA TECHNICKÁ BENEŠOV Černoleská 1997, 256 01 Benešov. Tematický okruh. Ročník 1. Inessa Skleničková. Datum výroby 21.8.
Číslo projektu Název školy Předmět CZ.107/1.5.00/34.0425 INTEGROVANÁ STŘEDNÍ ŠKOLA TECHNICKÁ BENEŠOV Černoleská 1997, 256 01 Benešov IKT Tematický okruh Téma Ročník 1. Autor Počítač Datum výroby 21.8.2013
Tabulky Word 2007 - egon. Tabulky, jejich formátování, úprava, změna velikosti
Tabulky Word 2007 - egon Tabulky, jejich formátování, úprava, změna velikosti Jan Málek 26.7.2010 Tabulky Tabulky nám pomáhají v pochopení, jak mezi sebou souvisí určité informace, obohacují vzhled dokumentu
Mgr. Vlastislav Kučera přednáška č. 2
Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS
selektor {vlastnost1: hodnota_vlastnosti1; vlastnost2: hodnota_vlastnosti2;}
Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s
TNPW1 Cvičení
13.10.2015 aneta.bartuskova@uhk.cz Úvod do CSS 13.10.2015 aneta.bartuskova@uhk.cz Výchozí styly prohlížeče Pokud nepřiřadíme elementům žádný styl v CSS, formátují se výchozími hodnotami prohlížeče (v CSS
Manuál TimNet Boiler
Manuál TimNet Boiler Detailní popis: Ovládání teploty užitkové vody v bojleru zajišťuje termostatický modul. Pomocí něj docílíte, aby byla voda v bojleru nahřáta na přesně stanovenou požadovanou teplotu.
CSS Kaskádové styly. formátování webových stránek
CSS Kaskádové styly formátování webových stránek Co je CSS? Layout webových stránek Nástroj na formátování html tagů Cascading style sheets možnost vrstvení Význam tagy HTML významová vs. formátovací
Kaskadové styly (CSS) VOŠG Hellichova Praha 2010 Jirka Jahoda
Kaskadové styly (CSS) VOŠG Hellichova Praha 2010 Jirka Jahoda Kaskadové styly CSS 1996 Cascading Style Sheets (tabulky kaskádových stylů) Jazyk pro popis způsobu zobrazení stránek napsaných v jazycích
Předmluva 17 Úvod 19 Co najdete v této knize Kapitola za kapitolou Přílohy a další zdroje Úvod do druhého vydání Zpětná vazba od čtenářů
Předmluva 17 Úvod 19 Co najdete v této knize 19 Kapitola za kapitolou 20 Přílohy a další zdroje 21 Úvod do druhého vydání 21 Zpětná vazba od čtenářů 22 Zdrojové kódy ke knize 22 Errata 22 KAPITOLA 1 Úvod
Návod na připojení do WiFi sítě eduroam Microsoft Windows XP
Návod na připojení do WiFi sítě eduroam Microsoft Windows XP Každý student a zaměstnanec UTB má možnost připojit se do bezdrátové sítě eduroam. Tento dokument obsahuje návod, jak se připojit do WiFi sítě
Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne
Obrázky Tag Význam Párový Výskyt img obrázek ne img video ne map klikací mapa ano area oblast v klikací mapě ne Img Obrázek (angl. image). Nepárový tag. Do stránky se vloží obrázek načtený z jiného
www.helpmark.cz Tomáš Herout
4. 1. 2015 1 Obsah prezentace» Jak naplánovat strukturu» Co je to HTML a CSS» Co používat za nástroje» Struktura a logika HTML» DOCTYPE» Hlavička (X)HTML» Tělo (X)HTML» Skupiny (X)HTML tagů» Vztah mezi
Internetová agentura. Předimplementační analýza webu
Internetová agentura Předimplementační analýza webu 1. OBSAH 1. OBSAH... 1 VSTUPNÍ DOTAZNÍK... 2 Základní informace o firmě... 2 Základní informace o webu... 4 Marketingové kanály... 5 Obsah a rozvoj webu...
HTML. Úvod do (X)HTML. Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) <tag atribut1= hodnota atributu > text </tag>
HTML Úvod do (X)HTML Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) text HTML HyperText Markup Language HTML první verze 1991 Značkovací jazyk
Sada 2 Microsoft Word 2007
S třední škola stavební Jihlava Sada 2 Microsoft Word 2007 04. Text v záhlaví, zápatí, číslování stránek Digitální učební materiál projektu: SŠS Jihlava šablony registrační číslo projektu:cz.1.09/1.5.00/34.0284
Jak vytvořit jednoduché webové stránky.
Jak vytvořit jednoduché webové stránky. Od vynálezu protokolu HTTP pro přenos dokumentů a jazyka HTML pro jejich popis již uběhlo více než 17 let. Za tu dobu se vyvíjel jak protokol, tak i jazyk. Od původního
Doporučené nastavení prohlížeče MS Internet Explorer 7 a vyšší pro ČSOB InternetBanking 24 a ČSOB BusinessBanking 24 s využitím čipové karty
Doporučené nastavení prohlížeče MS Internet Explorer 7 a vyšší pro ČSOB InternetBanking 24 a ČSOB BusinessBanking 24 s využitím čipové karty Obsah 1. Instalace SecureStore... 2 1.1. Instalace čtečky čipových
V týmové spolupráci jsou komentáře nezbytností. V komentářích se může např. kolega vyjadřovat k textu, který jsme napsali atd.
Týmová spolupráce Word 2010 Kapitola užitečné nástroje popisuje užitečné dovednosti, bez kterých se v kancelářské práci neobejdeme. Naučíme se poznávat, kdo, kdy a jakou změnu provedl v dokumentu. Změny
Mobilní aplikace pro ios
Předběžná zadávací dokumentace k projektu: Mobilní aplikace pro ios Kontaktní osoba: Jan Makovec, makovec@ckstudio.cz Obsah Cíl projektu... 2 Obrazovky aplikace... 2 Základní prostředí aplikace... 2 Intro...
MODUL 7: TVORBA WEBOVÝCH APLIKACÍ
Vyšší odborná škola ekonomická a zdravotnická a Střední škola, Boskovice MODUL 7: TVORBA WEBOVÝCH APLIKACÍ Studijní opora Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem
Úvod do jazyka HTML. Jiří Mühlfait
Úvod do jazyka HTML Jiří Mühlfait 1 Co je HTML? HTML je jedním z jazyků používaných pro tvorbu internetových stránek Byl vytvořen v roce 1990 pro CERN Představuje zjednodušenou verzi mnohem složitějšího
KASKÁDOVÉ STYLY - CSS
Kaskádové styly I. KASKÁDOVÉ STYLY - CSS HTML je značkovací jazyk, ve kterém by se pomocí značek měl vyznačovat význam jednotlivých částí textu. Z vlastní zkušenosti však víme, že dnes v HTML existuje
Manuál. pro tvorbu webu. HTML CSS JavaScript
Manuál pro tvorbu webu HTML CSS JavaScript Obsah HTML... 3 Struktura stránky... 3 Práce s textem... 3 Obrázky a barvy... 4 Odkazy... 4 Seznamy... 5 Tabulky... 5 Formuláře... 6 CSS... 7 Selektory... 7 Písmo
DUM 06 téma: Základní nástroje
DUM 06 téma: Základní nástroje ze sady: 2 tematický okruh sady: Bitmapová grafika ze šablony: 09 Počítačová grafika určeno pro: 2. ročník vzdělávací obor: vzdělávací oblast: číslo projektu: anotace: metodika:
PROGRAMOVÁNÍ SVĚTELNÝCH OZDOB
Středoškolská technika 2016 Setkání a prezentace prací středoškolských studentů na ČVUT PROGRAMOVÁNÍ SVĚTELNÝCH OZDOB Jiří Bendík, Martin Bárta Střední odborná škola strojní a elektrotechnická U Hřiště
Diktafon s aktivací hlasem
Diktafon s aktivací hlasem Návod k obsluze Hlavní výhody Dlouhá výdrž baterie Kvalitní zvuk Snadné ovládání www.spyobchod.cz Stránka 1 1. Popis produktu 2. Nahrávání Přístroj zapneme páčkou (8) OFF/ON.
Microsoft Office SharePoint Server 2007
Microsoft Office SharePoint Server 2007 Příručka pro uživatele Úvod do HTML a CSS Verze 1.1 Stav k 7.4. 2009 Středisko komunikačních a informačních systému Univerzita obrany Brno 2009 2008 Středisko komunikačních
Post-Processingové zpracování V módu post-processingu je možné s tímto přístrojem docílit až centimetrovou přesnost z běžné 0,5m.
Výjimečná EVEREST technologie Aplikovaná EVEREST technologie pro dobrou ochranu vícecestného šíření GNSS signálu a pro spolehlivé a přesné řešení. To je důležité pro kvalitní měření s minimální chybou.
Windows 10 (6. třída)
Windows 10 (6. třída) Okno spuštěné aplikace: takto vypadá okno aplikace Malování - panel nástrojů Rychlý přístup Titulkový pruh se jménem souboru (Bez názvu) tlačka pro minimalizaci, obnovení z maxima
DS SolidWorks PDM Workgroup
Komplexní správa dat s podporou systému DS SolidWorks PDM Workgroup Příklad 3 - Tvorba CAD sestavy s podporou PDMW Ing. Martin Nermut, 2012 Cíl: Vytvořit pomocí aplikace SolidWorks jednoduchou sestavu
Návod pro Windows XP
Návod pro Windows XP Tento návod popisuje nastavení operačního systému Windows XP SP2 v české verzi pro připojení do bezdrátové sítě eduroam. Předpokládá se, že uživatel má již nainstalovány (většinou
Tvorba WWW stránek Podmínky. Jan Růžička Institut geoinformatiky VŠB-TU Ostrava, HGF tř. 17.listopadu 70833 Ostrava-Poruba jan.ruzicka@vsb.
Tvorba WWW stránek Podmínky Jan Růžička Institut geoinformatiky VŠB-TU Ostrava, HGF tř. 17.listopadu 70833 Ostrava-Poruba jan.ruzicka@vsb.cz Úvod Jan Růžička Místnost: D107 Tel: 5472 E-mail: jan.ruzicka@vsb.cz
Novinky v Maple T.A. 10
Novinky v Maple T.A. 10 Maple T.A. 10 je nová verze aplikace Maple T.A., jejíž nová funkcionalita je zejména založena na požadavcích uživatelů z řad studentů, instruktorů, administrátorů. Došlo k rozšíření
Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,
Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení
(X)HTML, CSS a jquery
Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje
Dopravní úloha. Jiří Neubauer. Katedra ekonometrie FEM UO Brno
Přednáška č. 9 Katedra ekonometrie FEM UO Brno Distribuční úlohy Budeme se zabývat 2 typy distribučních úloh dopravní úloha přiřazovací problém Dopravní úloha V dopravním problému se v typickém případě