CSS vlastnosti - stručný prehľad. Vlastnosti písma. Vlastnosti farby a pozadí. font-family. font-style. font-variant. font-weight. font-size.



Podobné dokumenty
Blokový model v CSS:

Kaskádové styly (CSS) Cascading Style Sheets

Referenční přehled vlastností CSS1 (Cascading Style Sheets, level 1)

CSS - stručná reference kaskádových stylů

Referenční přehled vlastností CSS1 (Cascading Style Sheets, level 1)

Přehled vlastností stylů

1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11

Cascading Style Sheets CSS Selektory Selektory

PODPORA ELEKTRONICKÝCH FOREM VÝUKY

Přehled základních html tagů

Káskádové styly = CSS

TVORBA WEBOVÝCH STRÁNEK

Tvorba webu. Kaskádové styly (CSS) Martin Urza

Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1

Historie. K čemu je to dobré? Začínáme. Úvod do CSS Historie K čemu je to dobré? Začínáme

Rozměry, okraje a rámečky

TVORBA WEBOVÝCH STRÁNEK

Jak vytvořit jednoduché webové stránky.

CSS 1. Blokový model Každý element tvoří obdélník. Dva druhy obdélníků: - Blokové; - Vložené. Zde je dlouhý text v kterém nachazí vložené...

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

CSS Cascading style sheet přehled vlastností selektory

SkautIS Remote Components absolventská práce

Ukázka knihy z internetového knihkupectví

O CSS podrobněji. Box model Document flow Layout

Tvorba webových stránek

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)

Inovace a zkvalitnění výuky prostřednictvím ICT Design a vzhledové vlastnosti webových stránek Vlastnosti CSS pro pozicování Ing.

MODUL 7: TVORBA WEBOVÝCH APLIKACÍ

12. Úvod do CSS (CSS styly)

Počítače přirozeně pracují pouze s čísly

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák

KASKÁDOVÉ STYLY - CSS

Skripta ke školení. Autor: Tomáš Herout Telefon: (+420)

Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www

TNPW1 Cvičení aneta.bartuskova@uhk.cz

CSS Selektory tříd a ID, dědičnost, další vlastnosti. Formátování HTML dokumentu, které je více či méně oddělené od obsahu Způsoby implementace

CSS Stylování stránek. Zpracoval: Petr Lasák

Mgr. Vlastislav Kučera Header, footer, navv, article, section, boxy, margin, padding, border

CSS Kaskádní styly. Založeno na přednášce Lukáše Bařinky

Základy CSS (3. přednáška)

1. Přímo vložený styl

Tvorba webových stránek

Všechny značky musí být vzájemně správně vnořeny <i><b>špatně</i></b> <i><b>správně</b></i>

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD

Microsoft Office SharePoint Server 2007

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.

HTML. Verze Obsah:

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

Manuál. pro tvorbu webu. HTML CSS JavaScript

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD

CSS Obsah Úvod Základy CSS Základem je dobrý dokument Vytvoření stylopisu... 26

Webové stránky. 8. Pozadí webové stránky. CSS pozadí. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY

CSS 1 Relativní pozicování Relativní pozicované bloky jsou pozicované vůči nornálnímu toku elementů dokumentu. (nejsou vyjmuty z normálního toku jako

Webové stránky. 5. Kaskádové styly formátování textu. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

Tabulky. Přehled tagů z oblasti tabulek. Tag Význam Párový Výskyt. tr řádek tabulky nepovinně <table>, <tbody>, <thead>, <tfoot>

Káskádové styly = CSS

selektor {vlastnost1: hodnota_vlastnosti1; vlastnost2: hodnota_vlastnosti2;}

OBALKYKNIH.CZ API 3.0, IMPLEMENTACE PRO ALEPH OPAC

Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou

Techniky rozvržení KAPITOLA 2

CSS (Cascading Style Sheets) Jak se zapisují? externí soubory s koncovkou.css. přímo do www stránky

Mgr. Vlastislav Kučera Nadpisy, odstavce, odkazy,

2.8.1 Nejdůležitější a nejpoužívanější <meta /> elementy Ostatní Znakové entity kontejnery komentáře...

CSS Obsah Úvod Základy CSS Základem je dobrý dokument Vytvoření stylopisu... 26

Tvorba webových stránek

Tvorba webových aplikací pomocí AJAX

Struktura stránek. <TITLE></TITLE>... text mezi tagy je zobrazen v názvu okna. <BODY></BODY> atributy:

CSS kaskádové styly a jejich využití při tvorbě internetových stránek

<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura

Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití

CSS Kaskádové styly. formátování webových stránek

Právní upozornění. Další servery s elektronickým obsahem. videoprírucky.cz

Tvorba www stránek v HTML a CSS

12. Základy HTML a formuláře v HTML

tvoříme web HTML/CSS

Rozvržení stránky. Co se v modulu dozvíte? Pozicování

Vysoká škola báňská Technická univerzita Ostrava INTERNET A SÍTĚ. učební text. Marek Babiuch

CSS Obsah Úvod Základy CSS Základem je dobrý dokument Vytvoření stylopisu... 26

.rohy-kulate { width: 250px; background: url(obr/rohy-spodni.gif) bottom no-repeat; border-top: 2px solid #AAA; }

INTERSTENO 2015 Budapest World championship professional Word Processing

3. Kompatibilita, použitelnost a základy typografie. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.

INTERSTENO 2013Ghent Mistrovstvísvta v profesionálním word processingu

HTML. Úvod do (X)HTML. Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) <tag atribut1= hodnota atributu > text </tag>

Skripta ke školení. Základy HTML a CSS. vypracoval: Tomáš Herout. tel:

KASKÁDOVÉ STYLY - PÍSMO

absolutní (úplná) začíná lomítkem nebo pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru.

Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová

Výukový materiál vytvořen v rámci projektu EU peníze školám. "Inovace výuky" registrační číslo CZ.1.07/1.5.00/

XHTML a tvorba webu. 1. Historie a základní struktura. HTML HyperText Markup Language

TNPW1 Cvičení

Verze 2.1 MANUÁL. Redakční systém. REDAKTOR Junior

CSS. Internetové publikování

VYSOK ŠKOLA EKONOMICKÁ V PRAZE VYŠŠÍ ODBORNÁ ŠKOLA INFORMAČNÍCH SLUŽEB. Projekt

Formátování odstavce, odrážek a číslování Návod a náhled správného řešení

Soukromá vyšší odborná škola a Obchodní akademie s.r.o. České Budějovice Pražská 3. Absolventská práce Petra Pavlyková

Kurz Word 2000 souhrnné opakování

Transkript:

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 <family-name> <geric-family> italic oblique small-caps bold bolder lighter 100 200 300 400 500 600 700 800 900 <absolute-size> <relative-size> <font-style> <font-variant> <font-weight> <font-size> <font-family> caption* icon* menu* message-box* small-caption* status-bar* Vlastnosti farby a pozadí jméno rodiny písma obecná rodina písma kurzíva skolněné kapitálky tučné tučnějąí slabąí číselné vyjádření absolutní veľkosť relativní veľkosť procentuální zvětąení styl písma varianta písma duktus písma veľkosť písma rodina písma pro ovládací prvky pro označení ikon pro menu pro dialogová okna pro malé ovládací prvky pro stavový řádek color farba farba pozadí obrázek na pozadí backgroundcolor backgroundimage backgroundrepeat směr opakování transparent <url> no repeat repeat-x repeat-y no-repeat průhledná URL obrázku ľádný opakování vąemi směry opakování ve směru x opakování ve směru y

Page 2 of 6 pozadí připevnění pozadí backgroundattachment backgroundposition umístění obrázku na pozadí background pozadí scroll fixed top center bottom center <background-color> <background-image> <background-repeat> <backgroundattachment> <backgroundposition> bez opakování roluje se je fixní nahoru vertikální střed dolů vlevo horizontální střed vpravo pozadí obrázek na pozadí opakovánípozadí připevnění pozadí umístění obrázku na pozadí nahrazované Vlastnosti word-spacing zvětąení mezislovní mezery letter-spacing zvětąení mezery mezi znaky (prostrkání) text-decoration ozdobení vertical-align vertikální zarovnávání text-transform transformace text-align zarovnávání text-indent odsazení 1. řádky odstavce no underli overli li-through blink baseli sub super top text-top middle bottom text-bottom capitalize uppercase lowercase no center justify bez zvětąení zvětąení o délku bez zvětąení zvětąení o délku ľádné podtrľení nadtrľení přeąkrtnutí blikání na řádek horní index dolní index k jvyąąímu elementu k vrąku rodičovského na střed rodičovského na spod rodičovského k jniľąímu elementu první písmena slov velká všetkýchna velká všetkýchna malá ľádná změna vlevo vpravo na střed do bloku inli blokové blokové

Page 3 of 6 li-height výąka řádky <number> Vlastnosti boxů margin-top vnějąí horní okraj margin-right vnějąí pravý okraj margin-bottom vnějąí spodní okraj margin-left vnějąí levý okraj margin vnějąí okraj padding-top vnitřní horní okraj padding-right vnitřní pravý okraj padding-bottom vnitřní spodní okraj padding-left vnitřní levý okraj padding vnitřní okraj border-top-width ąířka horního border-right-width ąířka pravého border-bottomwidth ąířka spodního border-left-width ąířka levého maticky maticky maticky maticky maticky

Page 4 of 6 border-width ąířka border-color farba border-style styl border-top horní rámeček border-right pravý rámeček border-bottom spodní rámeček border-left levý rámeček border rámeček width ąířka height výąka float plovoucí objekt clear čekání na skončení plovoucích objektů no dotted dashed solid double groove ridge inset outset <border-topwidth> <border-rightwidth> <border-bottomwidth> <border-leftwidth> <border-width> no no both ľádný tečkovaný čárkovaný jednoduchý dvojitý rýha hřbet vsazený vysazený ąířka horního ąířka pravého ąířka spodního ąířka levého ąířka maticky maticky vlevo vpravo ľádný efekt ľádné zleva zprava z obou stran nahrazované nahrazované Klasifikační vlastnosti display druh elementu block inli list-item no blokový inli poloľka seznamu zobrazuje se white-space

Page 5 of 6 mezery list-style-type typ odrážky seznamu list-style-image obrázek odrážky seznamu list-style-position umístění odrážky seznamu list-style odrážka seznamu pre nowrap disc circle square decimal decimal-leadingzero lower-roman upper-roman lower-greek lower-alpha upper-alpha armenian georgian no <url> no inside outside disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha no inside outside <url> předformátovaný text zalamuje mezery plné kolečko prázdné kolečko čtvereček doplněné nulou malá římská číslice velká římská číslice malé řecké písmeno malé písmeno velké písmeno arménské georgiánské bez odrážky URL obrázku odrážky ľádný odrážka vsazená do odrážka předsazená plné kolečko prázdné kolečko čtvereček malé písmeno velké písmeno malé řecké písmeno velké řecké písmeno bez odrážky, bez obrázku odrážka vsazená do odrážka předsazená URL obrázku odrážky blokové Vlastnosti pozicování position* umístění elementu top* posun odshora o right* posun zprava o bottom* posun zespoda o static relative absolute fixed relativní absolutní fixní bez posunu bez posunu bez posunu left*

Page 6 of 6 posun zleva o bez posunu width* ąířka elementu height* výąka elementu overflow* způsob zobrazení elementů, ktoré sa vejdou do svých rozměrů clip* definice viditelné časti elementu visibility* viditelnost elementu z-index* umístění elementu na ose z visible hidden scroll <shape> visible hidden collapse <integer> matická matická přetečení elementu skrytí přetečeného přidání scroll-barů vľdy přidání scroll-barů jen pokiaľ skutečně přeteče zadání vrcholů zobrazení viditelný skrytý nahrazované nahrazované nahrazované buňky inli bloky position:absolute