---
title: CSS
slug: Glossary/CSS
tags:
  - CSS
  - מילון מונחים
  - קידוד סקריפטים
translation_of: Glossary/CSS
---
<p style="direction: rtl;"><span class="seoSummary"><strong>CSS</strong> (גליונות סגנון מדורגים {=Cascading Style Sheets}) הינה שפה הצהרתית אשר אחראית על איך יראה דף האינטרנט ב{{glossary("דפדפן")}}.</span> הדפדפן מחיל את הצהרות הסגנון של הCSS על האלמנטים הנבחרים על מנת להציגם כראוי. הצהרת סגנון מכילה מאפיינים ואת הערכים שלהם, אשר קובעים איך ייראה דף האינטרנט.</p>

<p style="direction: rtl;">CSS הינה אחת משלושת טכנולוגיות היסוד של האינטרנט, יחד עם {{Glossary("HTML")}} ו{{Glossary("JavaScript")}}. למעשה CSS מסגננת את האלמנטים של ה{{Glossary("Element","HTML")}}, אך יכולה לשמש גם שפת סיגנון לשפות תגיות אחרות כמו {{Glossary("SVG")}} או {{Glossary("XML")}}.</p>

<p style="direction: rtl;">כלל CSSסי הינו מערכת של {{Glossary("מאפיין CSS","מאפיינים")}} המשוייכת ל{{Glossary("CSS selector", "סלקטור")}}. להלן דוגמא שצובעת כל פסקת HTML בצהוב על רקע שחור:</p>

<pre class="brush: css" dir="rtl"><span style="font-size: 1rem; letter-spacing: -0.00333rem;">/* הסלקטור בשורה הבאה מצביע על כך שכל הפסיקות במסמך יושפעו מ'הכלל' הזה. */</span>
p {

<span style="font-size: 1rem; letter-spacing: -0.00333rem;">  /* המאפיין בשורה הבאה מגדיר את צבע הטקסט, במקרה הזה צהוב. */</span>
  color: yellow;

<span style="font-size: 1rem; letter-spacing: -0.00333rem;">  /* המאפיין בשורה הבאה</span><span style="font-size: 1rem; letter-spacing: -0.00333rem;"> מגדיר את צבע הרקע</span><span style="font-size: 1rem; letter-spacing: -0.00333rem;">, במקרה הזה שחור. */</span>
  background-color: black
}</pre>

<div style="direction: rtl;"> </div>

<p style="direction: rtl;">"מדורגים" מתייחס לכלל שקובע לפי איזה סדר הסלקטורים יוכלו להביא את השינויים שלהם לסגנון הדף. זהו פיצ'ר מאוד נצרך, מכיוון שאתר מורכב יכול להכיל אלפים של כללי CSS.</p>

<h2 id="למד_עוד" style="direction: rtl;">למד עוד</h2>

<h3 id="ידע_כללי" style="direction: rtl;">ידע כללי</h3>

<ul>
 <li style="direction: rtl;"><a href="https://developer.mozilla.org/en-US/Learn/CSS">Learn CSS</a></li>
 <li style="direction: rtl;">{{interwiki("wikipedia", "CSS")}} בויקיפדיה</li>
</ul>

<h3 id="התייחסות_טכנית" style="direction: rtl;">התייחסות טכנית</h3>

<ul>
 <li style="direction: rtl;"><a href="/en-US/docs/Web/CSS">The CSS documentation on MDN</a></li>
 <li style="direction: rtl;"><a href="http://www.w3.org/Style/CSS/current-work" rel="external">The CSS Working Group current work</a></li>
</ul>

<h3 id="למד_אודות_CSS" style="direction: rtl;">למד אודות CSS</h3>

<ul>
 <li style="direction: rtl;"><a href="http://www.codecademy.com/en/tracks/web" rel="external">The web course on codecademy.com</a></li>
</ul>