1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
---
title: CSS
slug: Glossary/CSS
tags:
- CSS
- Szójegyzék
- Web
translation_of: Glossary/CSS
---
<p><span class="seoSummary">A<strong> CSS</strong> (Cascading Style Sheets) egy deklaratív nyelv, ami a weblapok kinézetét irányítja a {{glossary("browser", "böngésző")}}ben.</span> A böngésző hozzáilleszti a megfelelő CSS stílusdeklarációt a kiválaszott elemekre, hogy rendesen meg tudja jeleníteni azokat. Egy stílus deklaráció tulajdonságokat és értékeket tartalmaz, amik meghatározzák hogyan fog kinézni egy weboldal.</p>
<p>A CSS a három leglényegesebb Web technológia egyike, úgy mint a {{Glossary("HTML")}} és {{Glossary("JavaScript")}}. A CSS általában {{Glossary("Element","HTML elemeket")}} díszít, de más jelölőnyelvekkel is lehet használni, mint például az {{Glossary("SVG")}} vagy az {{Glossary("XML")}}.</p>
<p>Egy CSS szabály {{Glossary("CSS Property","tulajdonságok")}} összessége, amiket egy {{Glossary("CSS selector", "szelektorhoz")}} lehet társítani. Itt egy példa, ami minden HTML bekezdést sárgává fest fekete hátérrel:</p>
<pre class="brush: css notranslate">/* A "p" szelektor azt jelzi, hogy a dokumentum minden bekezdését érinteni fogja a szabály
p {
/* A "color" tulajdonság határozza meg a szöveg színét, ebben az esetben sárga */
color: yellow;
/* A "background-color" tulajdonság a háttérszínt határozza meg, ebben az esetben fekete */
background-color: black
}</pre>
<p>A "lépcsőzetesség" arra a szabályra vontakozik, ami meghatározza a szelektorok prioritási sorrendjét. Ez egy nagyon fontos tulajdonság, mivel egy bonyolultabb webodalon több ezernyi CSS szabály is lehet.</p>
<h2 id="Tudjon_meg_többet">Tudjon meg többet</h2>
<h3 id="Általános_tudnivalók">Általános tudnivalók</h3>
<ul>
<li><a href="https://developer.mozilla.org/en-US/Learn/CSS">Tanulj CSS-t</a></li>
<li>{{interwiki("wikipedia", "CSS")}} a Wikipédián</li>
</ul>
<h3 id="Technikai_referenciák">Technikai referenciák</h3>
<ul>
<li><a href="/hu/docs/CSS">CSS dokumentáció az MDN-en</a></li>
<li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">A CSS munkacsoport jelenleg zajló munkái</a></li>
</ul>
|
