CSS - Historie editací

Michal Klajban: 6 revizí: IMPORT C: import stránek z hlavního jmenného prostoru z KiskWiki (http://kisk.phil.muni.cz/)

2012-02-06T11:03:41Z

6 revizí: IMPORT C: import stránek z hlavního jmenného prostoru z KiskWiki (http://kisk.phil.muni.cz/)

72897: /* Použitá literatura */

2010-05-25T11:13:16Z

Použitá literatura

72897 v 25. 5. 2010, 11:11

2010-05-25T11:11:35Z

72897 v 25. 5. 2010, 11:10

2010-05-25T11:10:14Z

72897 v 25. 5. 2010, 11:09

2010-05-25T11:09:20Z

72897 v 25. 5. 2010, 10:57

2010-05-25T10:57:35Z

Kovarovap: Založena nová stránka: '''Autor:''' Petr Fiala

2010-04-09T08:26:36Z

Založena nová stránka: '''Autor:''' Petr Fiala

Nová stránka

'''Autor:''' Petr Fiala

@@ Řádek 84: / Řádek 84: @@
 # STANÍČEK, Petr. <i>CSS Kaskádové styly : kompletní průvodce</i>. První vyd. Praha&nbsp;: Computer Press, 2003. 178 s. ISBN 80-7226-872-4.
 # BOS, Bert. <i>World Wide Web Consortium (W3C)</i> [online]. 2010, Last updated: 2010/05/21 13:32:38 [cit. 2010-05-24]. Cascading Style Sheets. Dostupné z WWW: &lt;[http://www.w3.org/Style/CSS/ http://www.w3.org/Style/CSS/]&gt;.
-# LIE, H&aring;kon W.; BOS, Bert. <i>World Wide Web Consortium (W3C)</i> [online]. 2010 [cit. 2010-05-24]. Chapter 20 The CSS saga. Dostupné z WWW: &lt;<A HREF="http://www.w3.org/Style/LieBos2e/history/">http://www.w3.org/Style/LieBos2e/history/</A>&gt;.
+# LIE, H&aring;kon W.; BOS, Bert. <i>World Wide Web Consortium (W3C)</i> [online]. 2010 [cit. 2010-05-24]. Chapter 20 The CSS saga. Dostupné z WWW: &lt;[http://www.w3.org/Style/LieBos2e/history/ http://www.w3.org/Style/LieBos2e/history/]&gt;.

@@ Řádek 65: / Řádek 65: @@
 == Odkazy ==
 [http://www.w3.org/Style/CSS/ Domovská stránka CSS na webu W3C]
 [http://www.w3.org/TR/CSS1/ Specifikace CSS level 1]
 [http://www.w3.org/TR/CSS21/ Specifikace CSS level 2 revision 1]
 [http://www.w3.org/Style/CSS/current-work#CSS3 Návrh vlastností CSS level 3]
 [http://www.w3.org/ World Wide Web Consortium]
 [http://www.w3schools.com/css/ Škola CSS]
 [http://www.jakpsatweb.cz/css/ Základní kurz CSS]
@@ Řádek 76: / Řádek 83: @@
 # SKLENÁK, Vilém. <i>Data, informace, znalosti a Internet</i>. Vyd. 1. Praha&nbsp;: C.H. Beck, 201. 507 s. ISBN 80-7179-409-0.
 # STANÍČEK, Petr. <i>CSS Kaskádové styly : kompletní průvodce</i>. První vyd. Praha&nbsp;: Computer Press, 2003. 178 s. ISBN 80-7226-872-4.
-# BOS, Bert. <i>World Wide Web Consortium (W3C)</i> [online]. 2010, Last updated: 2010/05/21 13:32:38 [cit. 2010-05-24]. Cascading Style Sheets. Dostupné z WWW: &lt;<A HREF="http://www.w3.org/Style/CSS/">http://www.w3.org/Style/CSS/</A>&gt;.
+# BOS, Bert. <i>World Wide Web Consortium (W3C)</i> [online]. 2010, Last updated: 2010/05/21 13:32:38 [cit. 2010-05-24]. Cascading Style Sheets. Dostupné z WWW: &lt;[http://www.w3.org/Style/CSS/ http://www.w3.org/Style/CSS/]&gt;.
 # LIE, H&aring;kon W.; BOS, Bert. <i>World Wide Web Consortium (W3C)</i> [online]. 2010 [cit. 2010-05-24]. Chapter 20 The CSS saga. Dostupné z WWW: &lt;<A HREF="http://www.w3.org/Style/LieBos2e/history/">http://www.w3.org/Style/LieBos2e/history/</A>&gt;.

@@ Řádek 52: / Řádek 52: @@
 Dvojtečka musí následovat přímo za názvem vlastnosti, ostatní mezery jsou libovolné.
 V CSS se používají hodnoty několika typů a společně s nimi i celá řada jednotek. Každá vlastnost má dán seznam povolených hodnot, všechny ostatní musí prohlížeč ignorovat (implementace kaskádových stylů se však v prohlížečích značně liší). Pokud již nejsou definice přiřazeny konkrétnímu prvku stránky, musí jim v tabulce stylů ještě předcházet určení, na které prvky se tyto definice mají vztahovat. To popisují tzv. <i>selektory</i>. Dvojice selektor + seznam definic se nazývá <i>pravidlo</i> a zapisuje se ve tvaru: <code>selektor {vlastnost: hodnota; vlastnost2: hodnota2; ...}</code>
 Příklad:
 <pre>

@@ Řádek 28: / Řádek 28: @@
 * <i>Přímá definice stylu</i> - Pomocí atributu <code>style</code> můžeme definovat styl konkrétnímu prvku zapsáním definice přímo do jeho značky. Takto definovaný přímý styl platí jen pro daný prvek (hodnoty se ale mohou dále dědit).
 Příklad:
-<code><a href=“stranka.html“ style=“color:green; font-size:smaller“>odkaz</a></code>
+<pre><a href=“stranka.html“ style=“color:green; font-size:smaller“>odkaz</a></pre>
-* <i>Vložení tabulky stylů</i> - Pro zápis tabulky stylů se používá značka <style>. Je párová a umisťuje se do hlavičky dokumentu (tj. mezi značky <head></head>). Jejím obsahem je seznam pravidel, neboli tabulka stylů.
+* <i>Vložení tabulky stylů</i> - Pro zápis tabulky stylů se používá značka <code><style></ode>. Je párová a umisťuje se do hlavičky dokumentu (tj. mezi značky <code><head></head></code>). Jejím obsahem je seznam pravidel, neboli tabulka stylů.
 Příklad:
 <pre>
@@ Řádek 42: / Řádek 42: @@
 </pre>
-* <i>Načtení externí tabulky stylů</i> - V HTML slouží k připojování jiných dokumentů značka <link>. Pro připojení souboru s tabulkami stylů je třeba použít minimálně atributy rel=“stylesheet“, type=“text/css“ definující typ dokumentu a href=“adresa“ udávající adresu souboru s tabulkou stylů. Značka <link> musí být rovněž umístěna v sekci <head>.
+* <i>Načtení externí tabulky stylů</i> - V HTML slouží k připojování jiných dokumentů značka <code><link></code>. Pro připojení souboru s tabulkami stylů je třeba použít minimálně atributy <code>rel=“stylesheet“</code>, <code>type=“text/css“</code> definující typ dokumentu a <code>href=“adresa“</code> udávající adresu souboru s tabulkou stylů. Značka <code><link></code> musí být rovněž umístěna v sekci <code><head></code>.

← Starší verze		Verze z 25. 5. 2010, 10:57
Řádek 1:		Řádek 1:
	'''Autor:''' Petr Fiala		'''Autor:''' Petr Fiala
		+
		+	'''Klíčová slova:''' CSS, webdesign, W3C standardy
		+
		+	'''Synonyma:''' Cascading Style Sheets, kaskádové styly
		+
		+	'''Související pojmy:'''
		+
		+	<blockquote>
		+	''nadřazené'' - HTML</blockquote>
		+	<blockquote>
		+	''podřazené'' - ---</blockquote>
		+
		+
		+	== Charakteristika ==
		+	CSS (Cascading Style Sheets, česky kaskádové styly), je speciální programovací jazyk. Je to nadstavba značkovacích jazyků (HTML, XML), která umožňuje autorům popsat vzhled jejich dokumentů. Cílem CSS je oddělit popis struktury dokumentu od definice vzhledu (obsahu a formy). Pomocí stylů lze definovat formátovací vlastnosti (písmo, zarovnání, barvy atd.) pro každý logický prvek dokumentu (nadpisy, běžný text, odkazy atd.). Definice je pak uplatněna v celém dokumentu.
		+
		+
		+	== Historie ==
		+	Vývoj CSS spravuje a specifikace jednotlivých verzí publikuje organizace World Wide Web Consortium (W3C). První návrh zveřejnil v roce 1994 Håkon Wium Lie. V prosinci roku 1996 pak byla vydána specifikace CSS level 1 (definuje všechny základní vlastnosti pro fonty, okraje, barvy atd.), v květnu 1998 CSS level 2 (rozšiřuje předchozí verzi o absolutně pozicované elementy, automatické číslování, zalamování stran, umí pracovat s textem psaným zprava doleva a další). Aktuální verzí je CSS 2.1 (level 2 revision 1) a pracuje se na verzi CSS level 3 (doplní nové selektory, styly okrajů a pozadí, vertikální text, prostředky pro interakci s uživatelem a mnohé další). Všechny verze jsou zpětně kompatibilní.
		+
		+
		+	== Použití ==
		+
		+	=== Připojení stylů ===
		+	Tabulky kaskádových stylů mohou být součástí dokumentu HTML, nebo být umístěny v samostatném souboru. Ten se k dokumentu připojí během jeho načítání. Možné způsoby použití jsou tři:
		+
		+	* <i>Přímá definice stylu</i> - Pomocí atributu <code>style</code> můžeme definovat styl konkrétnímu prvku zapsáním definice přímo do jeho značky. Takto definovaný přímý styl platí jen pro daný prvek (hodnoty se ale mohou dále dědit).
		+	Příklad:
		+	<code><a href=“stranka.html“ style=“color:green; font-size:smaller“>odkaz</a></code>
		+
		+	* <i>Vložení tabulky stylů</i> - Pro zápis tabulky stylů se používá značka <style>. Je párová a umisťuje se do hlavičky dokumentu (tj. mezi značky <head></head>). Jejím obsahem je seznam pravidel, neboli tabulka stylů.
		+	Příklad:
		+	<pre>
		+	<head>
		+	...
		+	<style type=“text/css“>
		+	tabulka stylů
		+	</style>
		+	...
		+	</head>
		+	</pre>
		+
		+	* <i>Načtení externí tabulky stylů</i> - V HTML slouží k připojování jiných dokumentů značka <link>. Pro připojení souboru s tabulkami stylů je třeba použít minimálně atributy rel=“stylesheet“, type=“text/css“ definující typ dokumentu a href=“adresa“ udávající adresu souboru s tabulkou stylů. Značka <link> musí být rovněž umístěna v sekci <head>.

← Starší verze	Verze z 6. 2. 2012, 11:03
(Žádný rozdíl)