-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path8234.html
255 lines (252 loc) · 22.9 KB
/
8234.html
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html lang="he">
<!-- Mirrored from forums.pythonic.guru/t/11-3-css-1/8234 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 17 Sep 2023 03:41:28 GMT -->
<!-- Added by HTTrack --><meta content="text/html;charset=utf-8" http-equiv="content-type"/><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8"/>
<title>שבוע 11 – יום 3: CSS חלק 1 - אשכולות הנהלה - פייתון בעברית ובחינם</title>
<meta content="הודעות מנהליות
עברתי על מדריך ה־CSS של MDN, וסקרתי השבוע עוד כמה עשרות מדריכים אחרים באינטרנט.
מי שרוצה להרים פרויקט הוראה ראוי של CSS יגרוף הרבה תהילה, כי כרגע אין אחד שראיתי והתרשמתי ממנו עמוקות, למרבה הצער.
אנחנו נ&hellip;" name="description"/>
<meta content="Discourse 3.2.0.beta2-dev - https://github.com/discourse/discourse version ebe68e15fce9c2fc2c67628ce4a9b24284c09b80" name="generator"/>
<link href="../../uploads/default/optimized/1X/49c4c7d93c7e73a9a15013cfae1d89084c9ba521_2_32x32.jpg" rel="icon" type="image/png"/>
<link href="../../uploads/default/optimized/1X/49c4c7d93c7e73a9a15013cfae1d89084c9ba521_2_180x180.jpg" rel="apple-touch-icon" type="image/png"/>
<meta content="#ffffff" media="all" name="theme-color"/>
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover" name="viewport"/>
<link href="8234.html" rel="canonical"/>
<link href="../../opensearch.xml" rel="search" title="פייתון בעברית ובחינם Search" type="application/opensearchdescription+xml"/>
<link class="light-scheme" href="../../stylesheets/color_definitions_scheme_2_3_4eaabccdb423ebdd5fde62bb8c929b7912b0ba33.css_%3b%20filename_%3dUTF-8%27%27color_definitions_scheme_2_3_4eaabccdb423ebdd5fde62bb8c929b7912b0ba337939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="desktop_rtl" href="../../stylesheets/desktop_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27desktop_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="checklist_rtl" href="../../stylesheets/checklist_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27checklist_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-cakeday_rtl" href="../../stylesheets/discourse-cakeday_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-cakeday_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-calendar_rtl" href="../../stylesheets/discourse-calendar_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-calendar_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-details_rtl" href="../../stylesheets/discourse-details_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-details_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-lazy-videos_rtl" href="../../stylesheets/discourse-lazy-videos_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-lazy-videos_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-local-dates_rtl" href="../../stylesheets/discourse-local-dates_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-local-dates_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-math_rtl" href="../../stylesheets/discourse-math_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-math_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-narrative-bot_rtl" href="../../stylesheets/discourse-narrative-bot_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-narrative-bot_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-presence_rtl" href="../../stylesheets/discourse-presence_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-presence_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-solved_rtl" href="../../stylesheets/discourse-solved_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-solved_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-tooltips_rtl" href="../../stylesheets/discourse-tooltips_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-tooltips_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="docker_manager_rtl" href="../../stylesheets/docker_manager_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27docker_manager_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="poll_rtl" href="../../stylesheets/poll_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27poll_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="discourse-calendar_desktop_rtl" href="../../stylesheets/discourse-calendar_desktop_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27discourse-calendar_desktop_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="poll_desktop_rtl" href="../../stylesheets/poll_desktop_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce.css_%3b%20filename_%3dUTF-8%27%27poll_desktop_rtl_010e86cdc443c6a22fa77214fa3fc0bf2f3542ce7939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link data-target="desktop_theme" data-theme-id="3" data-theme-name="בהיר" href="../../stylesheets/desktop_theme_3_32d9a33a83c213d82cb6da72bd3eb36192a74400.css_%3b%20filename_%3dUTF-8%27%27desktop_theme_3_32d9a33a83c213d82cb6da72bd3eb36192a744007939.css?__ws=forums.pythonic.guru" media="all" rel="stylesheet"/>
<link href="8234.rss" rel="alternate nofollow" title="הזנת RSS של ‚שבוע 11 – יום 3: CSS חלק 1’" type="application/rss+xml"/>
<meta content="פייתון בעברית ובחינם" property="og:site_name"/>
<meta content="website" property="og:type"/>
<meta content="summary" name="twitter:card"/>
<meta content="../../uploads/default/optimized/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40_2_1024x352.png" name="twitter:image"/>
<meta content="../../uploads/default/optimized/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40_2_1024x352.png" property="og:image"/>
<meta content="8234.html" property="og:url"/>
<meta content="8234.html" name="twitter:url"/>
<meta content="שבוע 11 – יום 3: CSS חלק 1" property="og:title"/>
<meta content="שבוע 11 – יום 3: CSS חלק 1" name="twitter:title"/>
<meta content="הודעות מנהליות עברתי על מדריך ה־CSS של MDN, וסקרתי השבוע עוד כמה עשרות מדריכים אחרים באינטרנט. מי שרוצה להרים פרויקט הוראה ראוי של CSS יגרוף הרבה תהילה, כי כרגע אין אחד שראיתי והתרשמתי ממנו עמוקות, למרבה הצער. אנחנו נמשיך ללמוד מ־MDN, גם כי זה משתלב טוב עם מה שלמדנו עד עכשיו וגם כי הוא כנראה המדריך המקיף ביותר עבור החומרים שאנחנו צריכים לסקור. הוא לא מבריק אבל הוא בהחלט מספק את הסחורה יותר טוב מהאחרים. אני ממליץ לכם לחזק את הידע בעזרת freeCodeCamp ובעזרת Interneting is Hard. שניהם היו מועמדים..." property="og:description"/>
<meta content="הודעות מנהליות עברתי על מדריך ה־CSS של MDN, וסקרתי השבוע עוד כמה עשרות מדריכים אחרים באינטרנט. מי שרוצה להרים פרויקט הוראה ראוי של CSS יגרוף הרבה תהילה, כי כרגע אין אחד שראיתי והתרשמתי ממנו עמוקות, למרבה הצער. אנחנו נמשיך ללמוד מ־MDN, גם כי זה משתלב טוב עם מה שלמדנו עד עכשיו וגם כי הוא כנראה המדריך המקיף ביותר עבור החומרים שאנחנו צריכים לסקור. הוא לא מבריק אבל הוא בהחלט מספק את הסחורה יותר טוב מהאחרים. אני ממליץ לכם לחזק את הידע בעזרת freeCodeCamp ובעזרת Interneting is Hard. שניהם היו מועמדים..." name="twitter:description"/>
<meta content="אשכולות הנהלה" property="og:article:section"/>
<meta content="92278F" property="og:article:section:color"/>
<meta content="css" property="og:article:tag"/>
<meta content="תוכן-הוראה" property="og:article:tag"/>
<meta content="שבוע-11" property="og:article:tag"/>
<meta name="twitter:label1" value="זמן קריאה"/>
<meta name="twitter:data1" value="1 mins 🕑"/>
<meta name="twitter:label2" value="לייקים"/>
<meta name="twitter:data2" value="3 ❤"/>
<meta content="2020-09-23T04:41:40+00:00" property="article:published_time"/>
<meta content="true" property="og:ignore_canonical"/>
</head>
<body class="">
<header class="d-header">
<div class="wrap content">
<div class="title">
<a data-auto-route="true" href="/index.html">
<img alt="פייתון בעברית ובחינם" class="logo-big" id="site-logo" src="/uploads/default/original/1X/3c7e2ccc77e214fb4e38daa421f1b8878a5677f9.jpg"/>
</a>
<div class="before-header-panel-outlet"></div>
<div class="panel" role="navigation">
<span class="header-buttons"></span>
<ul class="icons d-header-icons">
<!-- More to come? -->
</ul>
</div>
</div>
</div></header>
<div class="wrap" id="main-outlet" role="main">
<div id="topic-title">
<h1>
<a href="8234.html">שבוע 11 – יום 3: CSS חלק 1</a>
</h1>
<div class="topic-category" itemscope="" itemtype="http://schema.org/BreadcrumbList">
<span itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a class="badge-wrapper bullet" href="../../c/7-category/7.html" itemprop="item">
<span class="badge-category-bg" style="background-color: #92278F"></span>
<span class="badge-category clear-badge">
<span class="category-name" itemprop="name">אשכולות הנהלה</span>
</span>
</a>
<meta content="1" itemprop="position"/>
</span>
</div>
<div class="topic-category">
<div class="discourse-tags list-tags"><span class="tags-string">תגיות: </span>
<a class="discourse-tag" href="../../tag/css.html" rel="tag">css</a>,
<a class="discourse-tag" href="../../tag/%d7%aa%d7%95%d7%9b%d7%9f-%d7%94%d7%95%d7%a8%d7%90%d7%94.html" rel="tag">תוכן-הוראה</a>,
<a class="discourse-tag" href="../../tag/%d7%a9%d7%91%d7%95%d7%a2-11.html" rel="tag">שבוע-11</a>
</div>
</div>
</div>
<div itemscope="" itemtype="http://schema.org/DiscussionForumPosting">
<meta content="שבוע 11 – יום 3: CSS חלק 1" itemprop="headline"/>
<meta content="אשכולות הנהלה" itemprop="articleSection"/>
<meta content="css, תוכן-הוראה, שבוע-11" itemprop="keywords"/>
<div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization">
<meta content="פייתון בעברית ובחינם" itemprop="name"/>
<div itemprop="logo" itemscope="" itemtype="http://schema.org/ImageObject">
<meta content="../../uploads/default/original/1X/3c7e2ccc77e214fb4e38daa421f1b8878a5677f9.jpg" itemprop="url"/>
</div>
</div>
<div class="topic-body crawler-post" id="post_1">
<div class="crawler-post-meta">
<span class="creator" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<span itemprop="name">Yam</span>
</span>
<link href="8234.html" itemprop="mainEntityOfPage"/>
<link href="../../uploads/default/original/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40.png" itemprop="image"/>
<span class="crawler-post-infos">
<time class="post-time" datetime="2020-09-23T04:41:40Z" itemprop="datePublished">
23 בספטמבר, 2020, 4:41am
</time>
<meta content="2020-09-23T04:41:40Z" itemprop="dateModified"/>
</span>
</div>
<div class="post" itemprop="articleBody">
<h2>הודעות מנהליות</h2>
<ol>
<li>עברתי על מדריך ה־CSS של MDN, וסקרתי השבוע עוד כמה עשרות מדריכים אחרים באינטרנט.<br/>
מי שרוצה להרים פרויקט הוראה ראוי של CSS יגרוף הרבה תהילה, כי כרגע אין אחד שראיתי והתרשמתי ממנו עמוקות, למרבה הצער.<br/>
אנחנו נמשיך ללמוד מ־MDN, גם כי זה משתלב טוב עם מה שלמדנו עד עכשיו וגם כי הוא כנראה המדריך המקיף ביותר עבור החומרים שאנחנו צריכים לסקור. הוא לא מבריק אבל הוא בהחלט מספק את הסחורה יותר טוב מהאחרים. אני ממליץ לכם לחזק את הידע בעזרת <a href="https://www.freecodecamp.org/learn">freeCodeCamp</a> ובעזרת <a href="https://www.internetingishard.com/html-and-css/">Interneting is Hard</a>. שניהם היו מועמדים ראויים להחלפת MDN בחלק הזה של השבוע.</li>
<li>לאור החגים הבאים עלינו לטובה והעיכוב שלי בהוצאת חומרי ה־CSS, החלטתי לדחות את ההגשה ב־4 ימים. זאת אומרת שתאריך ההגשה זז מה־02/10 ל־06/10 (יום ג’; עדיין בשעה 19:00). החומרים הבאים יפורסמו עד כניסת השבת הקרובה. מי שרוצה לחסוך לעצמו זמן יכול לרוץ על החומרים שבאתר MDN עד (וכולל) החלק של CSS layout.</li>
</ol>
<h2>הקדמה – CSS</h2>
<p>עם התפתחות האינטרנט והפיתוח בעולמות חווית משתמש, עלה הצורך בעיצובים גרפיים עבור אתרי אינטרנט.<br/>
בעוד ש־HTML משמשת לייצוג התוכן של האתר (המלל והעצמים שמרכיבים אותו), נדרשה יכולת נוספת שתאפשר למשתמש לקבוע לא רק <em>איזה</em> תוכן יוצג בדף, אלא גם <em>איך</em> הוא יוצג.</p>
<p>הרעיון של <a href="https://en.wikipedia.org/wiki/Separation_of_content_and_presentation">להפריד את העיצוב מהתוכן</a> אינו חדש, וטומן בחובו יתרונות רבים.<br/>
בעקבותיו, נוצרו שתי שפות נפרדות: שפת הסימון HTML, שאחראית לייצוג תוכן הדף, ושפת עיצוב דפי האינטרנט CSS, שאחראית על מראהו.</p>
<p>בימים הקרובים, אם כך, אנחנו הולכים ללמוד מעט על איך נראה CSS וכיצד מעצבים באמצעותו אתרים.</p>
<h3>חומרי הלימוד והתרגילים</h3>
<div class="md-table">
<table>
<thead>
<tr>
<th>מספר תרגיל</th>
<th>עמוד לימוד</th>
<th>קישור לתרגיל</th>
<th>הערות</th>
</tr>
</thead>
<tbody>
<tr>
<td>200</td>
<td>
<a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics">טבלאות 1</a>, <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced">טבלאות 2</a>
</td>
<td></td>
<td>התרגיל מופיע למטה</td>
</tr>
<tr>
<td></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/What_is_CSS">What is CSS?</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td>201</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/Getting_started">Getting Started with CSS</a></td>
<td></td>
<td>התרגיל מופיע למטה</td>
</tr>
<tr>
<td>202</td>
<td>
<a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/How_CSS_is_structured">How CSS is structured</a>, <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/How_CSS_works">How CSS works</a>
</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/Using_your_new_knowledge">עצבו מחדש את הפרופיל של ג’ון</a></td>
<td>אין פה נכון או לא נכון. ודאו ששיחקתם מספיק עם מה שלמדתם והגשתם משהו ראוי. התרגיל ייבדק.</td>
</tr>
</tbody>
</table>
</div><h3>תרגיל 200</h3>
<p>בנו טבלה עם התוכן של יום 1 ושל יום 2, משולב.<br/>
חפשו באינטרנט את הביטוי “Inspect Element”, וקראו מדריכים לאיך לקחת את קוד ה־HTML מהדפים הרלוונטיים (<a href="../11-1-html/8205.html">יום 1</a>, <a href="../11-2-html/8219.html">יום 2</a>) כדי להקל עליכם את המשימה.</p>
<p><div class="lightbox-wrapper"><a class="lightbox" data-download-href="https://forums.pythonic.guru/uploads/default/e95826d5062c2368d77c88342f63918e2f04ee40" href="../../uploads/default/original/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40.png" title="image"><img alt="image" data-base62-sha1="xig772ACCHD1PwXUeWf4d4hrIQ0" data-small-upload="../../uploads/default/optimized/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40_2_10x10.png" height="237" src="../../uploads/default/optimized/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40_2_690x237.png" srcset="https://forums.pythonic.guru/uploads/default/optimized/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40_2_690x237.png, https://forums.pythonic.guru/uploads/default/optimized/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40_2_1035x355.png 1.5x, https://forums.pythonic.guru/uploads/default/optimized/2X/e/e95826d5062c2368d77c88342f63918e2f04ee40_2_1380x474.png 2x" width="690"/><div class="meta"><svg aria-hidden="true" class="fa d-icon d-icon-far-image svg-icon"><use xlink:href="#far-image"></use></svg><span class="filename">image</span><span class="informations">1678×577 123 KB</span><svg aria-hidden="true" class="fa d-icon d-icon-discourse-expand svg-icon"><use xlink:href="#discourse-expand"></use></svg></div></a></div></p>
<h3>תרגיל 201</h3>
<p>השתמשו ב־CSS כדי לגרום לטבלה להראות דומה לטבלה שבפורום.<br/>
רמז: קראו על tbody ועל border-top, ועל tr ו־border-bottom.</p>
<h3>קישורים נוספים:</h3>
<ol>
<li>
<a href="https://flukeout.github.io/">אימון כייפי וברמה טובה על selectors</a>.</li>
<li>
<a href="https://cssreference.io/">רפרנס ל־CSS עם ה-מ-ו-ן ידע מועיל</a>, שמוסבר בצורה חזותית נפלאה.</li>
<li>
<a href="https://tympanus.net/codrops/css_reference/in-range/">עוד רפרנס</a> עם הרבה (יותר מדי) ידע מועיל.</li>
</ol>
</div>
<div itemprop="interactionStatistic" itemscope="" itemtype="http://schema.org/InteractionCounter">
<meta content="http://schema.org/LikeAction" itemprop="interactionType"/>
<meta content="1" itemprop="userInteractionCount"/>
<span class="post-likes">לייק 1</span>
</div>
<div itemprop="interactionStatistic" itemscope="" itemtype="http://schema.org/InteractionCounter">
<meta content="http://schema.org/CommentAction" itemprop="interactionType"/>
<meta content="0" itemprop="userInteractionCount"/>
</div>
<div class="crawler-linkback-list" itemscope="" itemtype="http://schema.org/ItemList">
<div itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="../topic/8313.html" itemprop="url">ריכוז חומרים: שבוע 11</a>
<meta content="17" itemprop="position"/>
</div>
</div>
</div>
<div class="topic-body crawler-post" id="post_2" itemprop="comment" itemscope="" itemtype="http://schema.org/Comment">
<div class="crawler-post-meta">
<span class="creator" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<span itemprop="name">EliranRefaely</span>
</span>
<link href="8234.html" itemprop="mainEntityOfPage"/>
<link href="../../uploads/default/original/2X/f/f869517fed904f38dff5fd5427977e64794cf739.jpg" itemprop="image"/>
<span class="crawler-post-infos">
<time class="post-time" datetime="2020-09-27T07:01:26Z" itemprop="datePublished">
27 בספטמבר, 2020, 7:01am
</time>
<meta content="2020-09-27T07:01:26Z" itemprop="dateModified"/>
</span>
</div>
<div class="post" itemprop="text">
<p>למי שמחפש סרטון על Inspect Element</p>
<div class="youtube-onebox lazy-video-container" data-provider-name="youtube" data-video-id="1l4xz1QQhew" data-video-start-time="" data-video-title="How to use Google Chrome Inspect Element tool">
<a href="https://www.youtube.com/watch?v=1l4xz1QQhew" rel="noopener nofollow ugc" target="_blank">
<img class="youtube-thumbnail" data-dominant-color="9D9FA4" height="388" src="../../uploads/default/original/2X/f/f869517fed904f38dff5fd5427977e64794cf739.jpg" title="How to use Google Chrome Inspect Element tool" width="690"/>
</a>
</div>
</div>
<div itemprop="interactionStatistic" itemscope="" itemtype="http://schema.org/InteractionCounter">
<meta content="http://schema.org/LikeAction" itemprop="interactionType"/>
<meta content="2" itemprop="userInteractionCount"/>
<span class="post-likes">2 לייקים</span>
</div>
<div itemprop="interactionStatistic" itemscope="" itemtype="http://schema.org/InteractionCounter">
<meta content="http://schema.org/CommentAction" itemprop="interactionType"/>
<meta content="0" itemprop="userInteractionCount"/>
</div>
</div>
</div>
</div>
<footer class="container wrap">
</footer>
<span class_="highlight-scripts"><link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css" rel="stylesheet"/><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/languages/go.min.js"></script><script>hljs.highlightAll();</script></span><span class_="highlight-scripts"><link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css" rel="stylesheet"/><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/languages/go.min.js"></script><script>hljs.highlightAll();</script></span></body>
<!-- Mirrored from forums.pythonic.guru/t/11-3-css-1/8234 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 17 Sep 2023 03:41:34 GMT -->
</html>