blob: cae8af060f62144406301123a9544687c4ca4a22 (
plain)
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
42
43
44
45
46
47
48
49
50
|
---
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>
|
