Diskuze – Lekce 7 - Úvod do CSS (kaskádových stylů)
ZpětUpozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.
Člen
Dušan Kovářík:7.5.2021 9:03
Vážně stojí za to si ty dva kódy porovnat aspoň dvakrát! Kdyby ten
starý způsob přežil dodnes... ani na to nechci myslet 
Marek Ondrejka:13.7.2021 10:25
<!DOCTYPE html>
<html lang="cs-cz">
<head>
<meta charset="utf-8" />
<title>Stylování v CSS</title>
<link rel="stylesheet" href="styl.css" type="text/css" />
</head>
<body>
<h1><u>Web využívající CSS</u></h1>
<p>
Když chci všechny nadpisy na stránce černé a centrované,
jednoduše styl jednou definuji v souboru CSS. Můj HTML kód je čistý a styl je zapsán pouze jednou a platí pro všechny nadpisy.
</p>
<h2>Další nadpis</h2>
<p>Nadpis výše se sám ostyloval, jelikož to bylo jednou pro všechny nadpisy definováno v CSS.</p>
<table align="center" cellpadding="10" cellspacing="0" border="1">
<tr>
<td>Tato tabulka</td>
<td>obsahuje</td>
</tr>
<tr>
<td>jen definici tabulky</td>
<td>a text.</td>
</tr>
</table>
<br />
<table align="center" cellpadding="10" cellspacing="0" border="1">
<tr>
<td>Tato tabulka je úplně</td>
<td>stejně stylovaná, jako</td>
</tr>
<tr>
<td>ta nahoře, jednoduše</td>
<td>se použije ten samý styl.</td>
</tr>
</table>
<h2>Dobré je</h2>
<p>Že toto čtete a již tedy víte, jak se to dělá správně.</p>
<p class="centrovany">
<img src="obrazky/vesely.png" alt="Veselý" />
</p>
<p class="text1">Na ITnetwork se dočtete jak na to.</p>
<p class="text1">Tento odstavec používá styl s větším textem, který je jednou definován v CSS.</p>
</body>
</html>styl.css
h1, h2 {text-align: center; font-family: Italic; color: #0a294b;}
body {font-family: Roman; background: #0395c3; color: white;}
table {background: yellow; border-color: black;}
td {text-align: center; color: red; font-family: Arial;}
p {text-align: left; color: silver; font-family: Constantia; font-size: 1em;}
.centrovany {text-align: center;}
.text1 {text-align: center; color:black; font-family: Arial; font-size: 1.5em;}
Zobrazeno 10 zpráv z 89.