
{"id":302543,"date":"2025-12-03T06:11:40","date_gmt":"2025-12-03T07:11:40","guid":{"rendered":"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/"},"modified":"2025-12-22T01:02:32","modified_gmt":"2025-12-22T02:02:32","slug":"supercourse-0000018215","status":"publish","type":"product","link":"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/","title":{"rendered":"\u06a9\u062a\u0627\u0628 CSS for Space Law"},"content":{"rendered":"<div style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 30px; border-radius: 15px; color: white; margin-bottom: 30px;\">\n<h2 style=\"color: white; text-align: center; margin-bottom: 20px;\">\ud83c\udf93 \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u062c\u0627\u0645\u0639<\/h2>\n<\/p><\/div>\n<div style=\"margin-bottom: 30px;\">\n<h3 style=\"color: #333; margin-bottom: 15px;\">\ud83d\udcda \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0648\u0631\u0647<\/h3>\n<p style=\"font-size: 16px; line-height: 1.8;\"><strong>\u0639\u0646\u0648\u0627\u0646 \u062f\u0648\u0631\u0647:<\/strong> CSS for Space Law<\/p>\n<p style=\"font-size: 16px; line-height: 1.8;\"><strong>\u0645\u0648\u0636\u0648\u0639 \u06a9\u0644\u06cc:<\/strong> \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc<\/p>\n<p style=\"font-size: 16px; line-height: 1.8;\"><strong>\u0645\u0648\u0636\u0648\u0639 \u0645\u06cc\u0627\u0646\u06cc:<\/strong> CSS<\/p>\n<\/div>\n<div style=\"margin-bottom: 30px;\">\n<h3 style=\"color: #333; margin-bottom: 15px;\">\ud83d\udccb \u0633\u0631\u0641\u0635\u0644\u200c\u0647\u0627\u06cc \u062f\u0648\u0631\u0647 (100 \u0645\u0648\u0636\u0648\u0639)<\/h3>\n<ul style=\"list-style-type: none; padding: 0;\">\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">1.<\/span> \u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 CSS \u0648 \u0646\u0642\u0634 \u0622\u0646 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">2.<\/span> \u0686\u06af\u0648\u0646\u0647 CSS \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0631\u0627 \u0645\u062a\u062d\u0648\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f: \u0646\u06af\u0627\u0647\u06cc \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062d\u0642\u0648\u0642\u06cc \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">3.<\/span> \u0627\u062a\u0635\u0627\u0644 CSS \u0628\u0647 HTML: \u0633\u0647 \u0631\u0648\u0634 \u0627\u0635\u0644\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">4.<\/span> \u0645\u0641\u0647\u0648\u0645 Selectors: \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0639\u0646\u0635\u0631\u060c \u06a9\u0644\u0627\u0633 \u0648 ID\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">5.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc (Combinators): \u0641\u0631\u0632\u0646\u062f\u060c \u062e\u0648\u0627\u0647\u0631 \u0648 \u0628\u0631\u0627\u062f\u0631\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">6.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc (Attribute Selectors)\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">7.<\/span> \u0634\u0628\u0647\u200c\u06a9\u0644\u0627\u0633\u200c\u0647\u0627 (Pseudo-classes): `hover`, `active`, `focus` \u0648 `nth-child`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">8.<\/span> \u0634\u0628\u0647\u200c\u0639\u0646\u0627\u0635\u0631 (Pseudo-elements): `::before`, `::after`, `::first-letter`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">9.<\/span> \u0627\u0648\u0644\u0648\u06cc\u062a (Specificity) \u0648 \u0648\u0631\u0627\u062b\u062a (Inheritance) \u062f\u0631 CSS\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">10.<\/span> \u0645\u062f\u0644 \u062c\u0639\u0628\u0647\u200c\u0627\u06cc (Box Model): \u0645\u062d\u062a\u0648\u0627\u060c \u067e\u062f\u06cc\u0646\u06af\u060c \u0628\u0648\u0631\u062f\u0631\u060c \u0645\u0627\u0631\u062c\u06cc\u0646\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">11.<\/span> \u062a\u0646\u0638\u06cc\u0645 \u0627\u0628\u0639\u0627\u062f \u0639\u0646\u0627\u0635\u0631: `width`, `height`, `min-width`, `max-height`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">12.<\/span> \u0648\u0627\u062d\u062f\u0647\u0627 \u062f\u0631 CSS: `px`, `em`, `rem`, `%`, `vw`, `vh`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">13.<\/span> \u0645\u062f\u06cc\u0631\u06cc\u062a Overflow: `hidden`, `scroll`, `auto`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">14.<\/span> \u0631\u0646\u06af\u200c\u0647\u0627 \u062f\u0631 CSS: \u0646\u0627\u0645\u200c\u0647\u0627\u060c Hex, RGB, RGBA, HSL, HSLA\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">15.<\/span> \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627 (Backgrounds): \u0631\u0646\u06af\u060c \u062a\u0635\u0648\u06cc\u0631\u060c \u062a\u06a9\u0631\u0627\u0631\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">16.<\/span> \u062a\u0646\u0638\u06cc\u0645 \u0645\u0648\u0642\u0639\u06cc\u062a \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 (Background Position and Size)\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">17.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u0645\u062a\u0646: `font-family`, `font-size`, `font-weight`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">18.<\/span> \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0645\u062a\u0646: `line-height`, `text-align`, `text-decoration`, `text-transform`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">19.<\/span> \u0633\u0627\u06cc\u0647\u200c\u0632\u0646\u06cc \u0645\u062a\u0646 (Text Shadow): \u0639\u0645\u0642 \u0648 \u0627\u062b\u0631\u06af\u0630\u0627\u0631\u06cc \u0628\u0631 \u0639\u0646\u0627\u0648\u06cc\u0646 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">20.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627: \u062a\u063a\u06cc\u06cc\u0631 \u062d\u0627\u0644\u062a\u200c\u0647\u0627 (`:link`, `:visited`, `:hover`, `:active`) \u062f\u0631 \u0645\u0646\u0627\u0628\u0639 \u062d\u0642\u0648\u0642\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">21.<\/span> \u0628\u0648\u0631\u062f\u0631\u0647\u0627 (Borders): `style`, `width`, `color`, `radius`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">22.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u0644\u06cc\u0633\u062a\u200c\u0647\u0627: `list-style-type`, `list-style-image`, `list-style-position` \u0628\u0631\u0627\u06cc \u0641\u0647\u0631\u0633\u062a \u0642\u0648\u0627\u0646\u06cc\u0646\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">23.<\/span> \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 Display Property: `block`, `inline`, `inline-block`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">24.<\/span> \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u0639\u0646\u0627\u0635\u0631: `display: none` \u0648 `visibility: hidden`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">25.<\/span> \u0645\u0648\u0642\u0639\u06cc\u062a\u200c\u06cc\u0627\u0628\u06cc (Positioning) \u062f\u0631 CSS: `static`, `relative`, `absolute`, `fixed`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">26.<\/span> \u0645\u0648\u0642\u0639\u06cc\u062a\u200c\u06cc\u0627\u0628\u06cc Sticky: \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627 \u062f\u0631 \u0646\u0648\u06cc\u06af\u06cc\u0634\u0646 \u0627\u0633\u0646\u0627\u062f \u062d\u0642\u0648\u0642\u06cc \u0637\u0648\u0644\u0627\u0646\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">27.<\/span> z-index: \u0645\u062f\u06cc\u0631\u06cc\u062a \u0644\u0627\u06cc\u0647\u200c\u0628\u0646\u062f\u06cc \u0639\u0646\u0627\u0635\u0631 \u062f\u0631 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">28.<\/span> \u0646\u0645\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc (Outline): \u06a9\u0627\u0631\u0628\u0631\u062f \u0648 \u062a\u0641\u0627\u0648\u062a \u0628\u0627 Border\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">29.<\/span> \u0645\u0641\u0647\u0648\u0645 \u0641\u0644\u0648\u062a\u06cc\u0646\u06af (Floats) \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f \u0622\u0646 \u062f\u0631 \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">30.<\/span> Clearfix: \u062d\u0644 \u0645\u0634\u06a9\u0644\u0627\u062a \u0641\u0644\u0648\u062a\u06cc\u0646\u06af\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">31.<\/span> \u0645\u0628\u0627\u0646\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 (Responsive Design) \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">32.<\/span> \u0645\u062a\u0627\u062a\u06af Viewport \u0648 \u0627\u0647\u0645\u06cc\u062a \u0622\u0646 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">33.<\/span> \u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u0631\u0633\u0627\u0646\u0647 (Media Queries): `min-width`, `max-width`, `orientation`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">34.<\/span> \u0631\u0648\u06cc\u06a9\u0631\u062f Mobile-First \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u0648\u0631\u062a\u0627\u0644\u200c\u0647\u0627\u06cc \u062d\u0642\u0648\u0642\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">35.<\/span> \u0648\u0627\u062d\u062f\u0647\u0627 \u0648 \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u062a\u0648\u0646 \u0642\u0627\u0646\u0648\u0646\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">36.<\/span> \u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 Flexbox: \u0627\u0635\u0648\u0644 \u0648 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u0686\u06cc\u062f\u0645\u0627\u0646 \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">37.<\/span> \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 Flex: `flex-direction`, `flex-wrap`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">38.<\/span> \u0686\u06cc\u0646\u0634 \u0645\u062d\u062a\u0648\u0627 \u062f\u0631 Flexbox: `justify-content`, `align-items`, `align-content`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">39.<\/span> \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0622\u06cc\u062a\u0645\u200c\u0647\u0627\u06cc Flex: `order`, `flex-grow`, `flex-shrink`, `flex-basis`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">40.<\/span> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Flexbox \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0646\u0648\u06cc\u06af\u06cc\u0634\u0646 \u0628\u0627\u0631\u0647\u0627 \u0648 \u0647\u062f\u0631\u0647\u0627 \u062f\u0631 \u0648\u0628\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">41.<\/span> \u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 Grid Layout: \u0642\u062f\u0631\u062a \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u062f\u0648 \u0628\u0639\u062f\u06cc \u0628\u0631\u0627\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">42.<\/span> \u0633\u0627\u062e\u062a\u0627\u0631 \u0627\u0635\u0644\u06cc \u06af\u0631\u06cc\u062f: `grid-template-columns`, `grid-template-rows`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">43.<\/span> \u0646\u0627\u0645\u06af\u0630\u0627\u0631\u06cc \u0646\u0648\u0627\u062d\u06cc \u06af\u0631\u06cc\u062f: `grid-template-areas` \u0628\u0631\u0627\u06cc \u0628\u062e\u0634\u200c\u0628\u0646\u062f\u06cc \u0635\u0641\u062d\u0627\u062a\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">44.<\/span> \u0641\u0648\u0627\u0635\u0644 \u06af\u0631\u06cc\u062f: `grid-gap`, `row-gap`, `column-gap`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">45.<\/span> \u0686\u06cc\u0646\u0634 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 \u062f\u0631 \u06af\u0631\u06cc\u062f: `justify-items`, `align-items`, `place-items`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">46.<\/span> \u0686\u06cc\u0646\u0634 \u0645\u062d\u062a\u0648\u0627 \u062f\u0631 \u06af\u0631\u06cc\u062f: `justify-content`, `align-content`, `place-content`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">47.<\/span> \u06a9\u0646\u062a\u0631\u0644 \u0645\u0648\u0642\u0639\u06cc\u062a \u0622\u06cc\u062a\u0645\u200c\u0647\u0627\u06cc \u06af\u0631\u06cc\u062f: `grid-column`, `grid-row`, `grid-area`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">48.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u062c\u062f\u0627\u0648\u0644: \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0642\u0627\u0646\u0648\u0646\u06cc \u0641\u0636\u0627\u06cc\u06cc \u0628\u0647 \u0634\u06a9\u0644 \u062e\u0648\u0627\u0646\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">49.<\/span> \u062a\u0631\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627 (Transitions): `property`, `duration`, `timing-function`, `delay`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">50.<\/span> \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 (Animations): `keyframes` \u0648 `animation` shorthand\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">51.<\/span> \u06a9\u0646\u062a\u0631\u0644 \u067e\u062e\u0634 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646: `animation-iteration-count`, `direction`, `fill-mode`, `play-state`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">52.<\/span> \u062a\u0631\u0646\u0633\u0641\u0648\u0631\u0645\u200c\u0647\u0627 (Transforms): `translate`, `rotate`, `scale`, `skew`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">53.<\/span> \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0628\u0627 `transform-style`, `perspective`, `backface-visibility`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">54.<\/span> \u0633\u0627\u06cc\u0647\u200c\u0647\u0627\u06cc \u062c\u0639\u0628\u0647\u200c\u0627\u06cc (Box Shadow): \u0639\u0645\u0642 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0639\u0646\u0627\u0635\u0631 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">55.<\/span> \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u062a\u200c\u0647\u0627 (Gradients): `linear-gradient`, `radial-gradient`, `conic-gradient` \u0628\u0631\u0627\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u062c\u0630\u0627\u0628\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">56.<\/span> \u0641\u06cc\u0644\u062a\u0631\u0647\u0627 (Filters): `blur`, `brightness`, `contrast`, `grayscale`, `sepia`\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">57.<\/span> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u06cc\u0644\u062a\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0648\u0636\u0639\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0645\u0627\u0647\u0648\u0627\u0631\u0647\u200c\u0627\u06cc \u06cc\u0627 \u0647\u0634\u062f\u0627\u0631\u0647\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">58.<\/span> \u0645\u0627\u0633\u06a9\u200c\u06af\u0630\u0627\u0631\u06cc (Masking) \u0648 Clip-path: \u0627\u0634\u06a9\u0627\u0644 \u0633\u0641\u0627\u0631\u0634\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0627\u06cc\u0646\u0641\u0648\u06af\u0631\u0627\u0641\u06cc\u06a9\u200c\u0647\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">59.<\/span> \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc CSS (Custom Properties): \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627 \u0648 \u062a\u0645\u200c\u0633\u0627\u0632\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">60.<\/span> \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u062a\u0645 \u0628\u0631\u0627\u06cc \u067e\u0648\u0631\u062a\u0627\u0644\u200c\u0647\u0627\u06cc \u062d\u0642\u0648\u0642\u06cc \u0641\u0636\u0627\u06cc\u06cc \u0628\u0627 CSS Variables\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">61.<\/span> \u0646\u0648\u0634\u062a\u0646 CSS \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc: \u0627\u0635\u0648\u0644 DRY \u0648 \u0645\u0639\u0631\u0641\u06cc SASS\/LESS (\u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0648\u0644\u06cc\u0647)\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">62.<\/span> \u0645\u062a\u062f\u0648\u0644\u0648\u0698\u06cc\u200c\u0647\u0627\u06cc CSS: BEM, SMACSS, OOCSS \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">63.<\/span> \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f CSS: Critical CSS, Minification, Lazy Loading\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">64.<\/span> \u0627\u0634\u06a9\u0627\u0644\u200c\u0632\u062f\u0627\u06cc\u06cc CSS \u0628\u0627 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 (DevTools)\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">65.<\/span> \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 (Browser Compatibility) \u0648 \u067e\u06cc\u0634\u0648\u0646\u062f\u0647\u0627\u06cc \u0648\u0646\u062f\u0648\u0631 (Vendor Prefixes)\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">66.<\/span> \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc (Accessibility) \u062f\u0631 CSS: \u0631\u0646\u06af\u060c \u06a9\u0646\u062a\u0631\u0627\u0633\u062a\u060c \u0641\u0648\u06a9\u0648\u0633 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u062e\u062a\u0644\u0641\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">67.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0641\u0631\u0645\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062d\u0642\u0648\u0642\u06cc \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">68.<\/span> \u0637\u0631\u0627\u062d\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0641\u0631\u0627\u062e\u0648\u0627\u0646 \u0628\u0647 \u0639\u0645\u0644 (Call-to-Action) \u0628\u0631\u0627\u06cc \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">69.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 SVG \u0628\u0627 CSS: \u0646\u0645\u0627\u06cc\u0634 \u0648\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc \u0648 \u0646\u0645\u0627\u062f\u0647\u0627\u06cc \u062d\u0642\u0648\u0642\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">70.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0631\u0627\u06cc \u0686\u0627\u067e (Print Stylesheets): \u062a\u0647\u06cc\u0647 \u0627\u0633\u0646\u0627\u062f \u062d\u0642\u0648\u0642\u06cc \u0642\u0627\u0628\u0644 \u0686\u0627\u067e\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">71.<\/span> \u0645\u0628\u0627\u0646\u06cc Grid \u0648 Flexbox \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0628\u0631\u0627\u06cc \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">72.<\/span> \u0637\u0631\u0627\u062d\u06cc \u06af\u0627\u0644\u0631\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0627\u0632 \u0645\u0627\u0647\u0648\u0627\u0631\u0647\u200c\u0647\u0627 \u0648 \u0627\u06cc\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">73.<\/span> \u0633\u0627\u062e\u062a \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\u0647\u0627 \u0648 \u06a9\u0627\u0631\u0648\u0633\u0644\u200c\u0647\u0627 \u0628\u0627 CSS \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">74.<\/span> \u0627\u06cc\u062c\u0627\u062f \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc Hover \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u062a\u0639\u0627\u0645\u0644\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">75.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u0646\u0642\u0634\u0647\u200c\u0647\u0627 \u0648 \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627 \u0628\u0627 CSS \u0628\u0631\u0627\u06cc \u062a\u062c\u0633\u0645 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc \u0648 \u0645\u0646\u0627\u0637\u0642 \u0642\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">76.<\/span> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 `object-fit` \u0648 `object-position` \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0648\u06cc\u062f\u0626\u0648\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0641\u0636\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">77.<\/span> `calc()`: \u0627\u0646\u062c\u0627\u0645 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0631\u06cc\u0627\u0636\u06cc \u062f\u0631 CSS \u0628\u0631\u0627\u06cc \u0627\u0628\u0639\u0627\u062f \u0648 \u0645\u0648\u0642\u0639\u06cc\u062a\u200c\u0647\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">78.<\/span> `var()`: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0627\u0632 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc CSS\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">79.<\/span> `attr()`: \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0642\u0627\u062f\u06cc\u0631 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc HTML \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u067e\u0648\u06cc\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">80.<\/span> `clamp()`, `min()`, `max()`: \u062a\u0648\u0627\u0628\u0639 \u0628\u0631\u0627\u06cc \u0627\u0628\u0639\u0627\u062f \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0648 \u06a9\u0646\u062a\u0631\u0644 \u062c\u0631\u06cc\u0627\u0646\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">81.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u0645\u0648\u062f\u0627\u0644\u200c\u0647\u0627 \u0648 \u067e\u0627\u067e\u200c\u0622\u067e\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u062e\u0637\u0627\u0631\u0647\u0627\u06cc \u0642\u0627\u0646\u0648\u0646\u06cc \u0641\u0636\u0627\u06cc\u06cc \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u06a9\u0645\u06cc\u0644\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">82.<\/span> \u0633\u0627\u062e\u062a \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u067e\u0627\u0631\u0627\u0644\u0627\u06a9\u0633 (Parallax Effects) \u0628\u0627 CSS \u0628\u0631\u0627\u06cc \u0635\u0641\u062d\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u06a9\u062a\u0634\u0627\u0641\u0627\u062a\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">83.<\/span> \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u0646\u0645\u0627\u062f\u0647\u0627 (Icons) \u0628\u0627 \u0641\u0648\u0646\u062a\u200c\u0647\u0627 \u06cc\u0627 SVG \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0648\u0636\u0648\u0639\u0627\u062a\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">84.<\/span> \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062d\u0627\u0644\u062a \u062a\u0627\u0631\u06cc\u06a9 (Dark Mode) \u0628\u0627 `prefers-color-scheme` \u0628\u0631\u0627\u06cc \u067e\u0648\u0631\u062a\u0627\u0644\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">85.<\/span> \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644\u200c\u0645\u062d\u0648\u0631 (Scroll-linked Effects) \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">86.<\/span> CSS \u0648 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a: \u062a\u0639\u0627\u0645\u0644 \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u067e\u0648\u06cc\u0627 \u0648 \u0627\u0641\u0632\u0648\u062f\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u062e\u0627\u0635\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">87.<\/span> Shadow DOM \u0648 Web Components: \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a\u200c\u0647\u0627\u06cc \u0645\u0633\u062a\u0642\u0644\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">88.<\/span> \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 WebP \u0648 AVIF \u0628\u0631\u0627\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">89.<\/span> CSS Container Queries (\u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0648\u0644\u06cc\u0647 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627) \u0628\u0631\u0627\u06cc \u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u062a\u0631\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">90.<\/span> CSS Cascade Layers (\u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0648\u0644\u06cc\u0647 \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0622\u0628\u0634\u0627\u0631) \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">91.<\/span> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 `will-change` \u0628\u0631\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0648 \u0631\u0646\u062f\u0631\u06cc\u0646\u06af\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">92.<\/span> CSS \u0628\u0631\u0627\u06cc Micro-interactions: \u0627\u0641\u0632\u0627\u06cc\u0634 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062f\u0631 \u062c\u0632\u0626\u06cc\u0627\u062a\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">93.<\/span> \u0627\u0635\u0648\u0644 \u0637\u0631\u0627\u062d\u06cc UI\/UX \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 CSS \u062f\u0631 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">94.<\/span> \u0628\u0631\u0631\u0633\u06cc \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc CSS (\u0645\u062b\u0644\u0627\u064b \u0641\u0644\u0633\u0641\u0647 Bootstrap \u06cc\u0627 Tailwind)\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">95.<\/span> \u0637\u0631\u0627\u062d\u06cc \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0645\u0648\u0644\u0641\u0647\u200c\u0627\u06cc (Component-based Design) \u0628\u0627 CSS\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">96.<\/span> \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af CSS \u0628\u0631\u0627\u06cc \u067e\u0648\u0631\u062a\u0627\u0644\u200c\u0647\u0627\u06cc \u062d\u0642\u0648\u0642\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">97.<\/span> \u062a\u0633\u062a \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u062f\u0647\u0627\u06cc CSS \u062f\u0631 \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">98.<\/span> \u0622\u06cc\u0646\u062f\u0647 CSS: \u0646\u06af\u0627\u0647\u06cc \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062f\u0631 \u062d\u0627\u0644 \u062a\u0648\u0633\u0639\u0647 \u0648 \u0646\u0648\u0622\u0648\u0631\u06cc\u200c\u0647\u0627\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">99.<\/span> \u0645\u0631\u0648\u0631\u06cc \u0628\u0631 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627 (Best Practices) \u062f\u0631 CSS \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc\n                    <\/li>\n<li style=\"padding: 8px 0; border-bottom: 1px solid #eee;\">\n                        <span style=\"color: #667eea; font-weight: bold;\">100.<\/span> \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc: \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc CSS \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u0645\u062f\u0631\u0646 \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f\n                    <\/li>\n<\/ul>\n<\/div>\n<div style=\"margin-bottom: 30px;\"><!DOCTYPE html><br \/>\n<html lang=\"fa\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>CSS for Space Law: \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u062d\u0642\u0648\u0642\u062f\u0627\u0646 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f!<\/title><br \/>\n    <meta name=\"description\" content=\"\u0628\u0627 \u062f\u0648\u0631\u0647 CSS for Space Law\u060c \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u062c\u0630\u0627\u0628 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062d\u0648\u0632\u0647 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f. \u062d\u062a\u06cc \u0627\u06af\u0631 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0628\u0644\u062f \u0646\u06cc\u0633\u062a\u06cc\u062f!\"><\/p>\n<style>\n        body {\n            font-family: Arial, sans-serif;\n            line-height: 1.6;\n            margin: 20px;\n            color: #333;\n        }\n        h1, h2, h3 {\n            color: #0056b3;\n        }\n        ul {\n            list-style-type: disc;\n            margin-left: 20px;\n        }\n        .cta-button {\n            background-color: #007bff;\n            color: white;\n            padding: 10px 20px;\n            text-decoration: none;\n            border-radius: 5px;\n            display: inline-block;\n            margin-top: 20px;\n        }\n        .cta-button:hover {\n            background-color: #0056b3;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h1>CSS for Space Law: \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u062d\u0642\u0648\u0642\u062f\u0627\u0646 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f!<\/h1>\n<p>\u0622\u06cc\u0627 \u0634\u0645\u0627 \u06cc\u06a9 \u0648\u06a9\u06cc\u0644 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0642\u0627\u0621 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0628\u0647 \u0633\u0637\u062d \u0628\u0639\u062f\u06cc \u0647\u0633\u062a\u06cc\u062f\u061f \u06cc\u0627 \u0634\u0627\u06cc\u062f \u06cc\u06a9 \u0645\u062a\u062e\u0635\u0635 \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u063a\u0648\u0637\u0647\u200c\u0648\u0631 \u0634\u062f\u0646 \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u062c\u0630\u0627\u0628 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u0627\u0633\u062a\u061f \u062f\u0631 \u0647\u0631 \u0635\u0648\u0631\u062a\u060c \u062f\u0648\u0631\u0647 <b>CSS for Space Law<\/b> \u0627\u06cc\u0646\u062c\u0627\u0633\u062a \u062a\u0627 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u06a9\u0646\u062f!<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647\u060c \u0634\u0645\u0627 \u0646\u0647 \u062a\u0646\u0647\u0627 \u0627\u0635\u0648\u0644 CSS \u0631\u0627 \u06cc\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u06af\u0631\u0641\u062a\u060c \u0628\u0644\u06a9\u0647 \u06cc\u0627\u062f \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0628\u0635\u0631\u06cc \u062c\u0630\u0627\u0628 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u062d\u0648\u0632\u0647 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0641\u0631\u0642\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u06cc\u06a9 \u062a\u0627\u0632\u0647\u200c\u06a9\u0627\u0631 \u06a9\u0627\u0645\u0644 \u0628\u0627\u0634\u06cc\u062f \u06cc\u0627 \u062a\u062c\u0631\u0628\u0647 \u0645\u062d\u062f\u0648\u062f\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f\u060c \u0645\u0627 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0647\u0631 \u0645\u0631\u062d\u0644\u0647 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n<h2>\u062f\u0631\u0628\u0627\u0631\u0647 \u062f\u0648\u0631\u0647<\/h2>\n<p>\u062f\u0648\u0631\u0647 CSS for Space Law \u06cc\u06a9 \u062f\u0648\u0631\u0647 \u062c\u0627\u0645\u0639 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0635\u0648\u0644 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 CSS \u0631\u0627 \u0622\u0645\u0648\u0632\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f\u060c \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0648\u06cc\u0698\u0647 \u0628\u0631 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0622\u0646 \u062f\u0631 \u062d\u0648\u0632\u0647 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc. \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0647\u0645 \u0628\u0631\u0627\u06cc \u0627\u0641\u0631\u0627\u062f \u0645\u0628\u062a\u062f\u06cc \u0648 \u0647\u0645 \u0628\u0631\u0627\u06cc \u06a9\u0633\u0627\u0646\u06cc \u06a9\u0647 \u062a\u062c\u0631\u0628\u0647 \u0642\u0628\u0644\u06cc \u062f\u0631 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u062f\u0627\u0631\u0646\u062f\u060c \u0645\u0646\u0627\u0633\u0628 \u0628\u0627\u0634\u062f. \u0645\u0627 \u0628\u0627 \u0645\u0628\u0627\u0646\u06cc CSS \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0628\u0647 \u062a\u062f\u0631\u06cc\u062c \u0628\u0647 \u0645\u0641\u0627\u0647\u06cc\u0645 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u062a\u0631 \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u062f\u0631 \u0637\u0648\u0644 \u062f\u0648\u0631\u0647\u060c \u0634\u0645\u0627 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0627\u0646\u062c\u0627\u0645 \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u0627\u062f \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u062a\u0627 \u0622\u0645\u0648\u062e\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0628\u0647 \u06a9\u0627\u0631 \u0628\u0628\u0631\u06cc\u062f.<\/p>\n<h2>\u0645\u0648\u0636\u0648\u0639\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc<\/h2>\n<ul>\n<li><b>\u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 CSS:<\/b> \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0633\u06cc\u0646\u062a\u06a9\u0633 \u0648 \u0645\u0641\u0627\u0647\u06cc\u0645 \u067e\u0627\u06cc\u0647 CSS.<\/li>\n<li><b>\u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627 (Selectors):<\/b> \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0646\u062d\u0648\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u0628\u0647 \u0639\u0646\u0627\u0635\u0631 HTML.<\/li>\n<li><b>\u0645\u062f\u0644 \u062c\u0639\u0628\u0647\u200c\u0627\u06cc (Box Model):<\/b> \u062f\u0631\u06a9 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062f\u0644 \u062c\u0639\u0628\u0647\u200c\u0627\u06cc \u062f\u0631 CSS.<\/li>\n<li><b>\u0686\u06cc\u062f\u0645\u0627\u0646 (Layout):<\/b> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Flexbox \u0648 Grid \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627.<\/li>\n<li><b>\u0631\u0633\u0627\u0646\u0647\u200c\u0647\u0627 (Media Queries):<\/b> \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f.<\/li>\n<li><b>\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627 (Animations &#038; Transitions):<\/b> \u0627\u0641\u0632\u0648\u062f\u0646 \u062c\u0630\u0627\u0628\u06cc\u062a \u0648 \u067e\u0648\u06cc\u0627\u06cc\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627.<\/li>\n<li><b>\u0641\u0648\u0646\u062a\u200c\u0647\u0627 \u0648 \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc (Fonts &#038; Typography):<\/b> \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc.<\/li>\n<li><b>\u0631\u0646\u06af\u200c\u0647\u0627 \u0648 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627 (Colors &#038; Backgrounds):<\/b> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627 \u0648 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0638\u0627\u0647\u0631 \u0628\u0635\u0631\u06cc \u062c\u0630\u0627\u0628.<\/li>\n<li><b>CSS Preprocessors (Sass\/SCSS):<\/b> \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 Sass \u0648 SCSS \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0646 CSS \u0628\u0647 \u0635\u0648\u0631\u062a \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0634\u062f\u0647 \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f.<\/li>\n<li><b>\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627 (Best Practices):<\/b> \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc CSS \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u062f \u062a\u0645\u06cc\u0632 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc.<\/li>\n<\/ul>\n<h2>\u0645\u062e\u0627\u0637\u0628\u0627\u0646 \u062f\u0648\u0631\u0647<\/h2>\n<p>\u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0628\u0631\u0627\u06cc \u0627\u0641\u0631\u0627\u062f \u0632\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a:<\/p>\n<ul>\n<li>\u0648\u06a9\u0644\u0627 \u0648 \u0645\u062a\u062e\u0635\u0635\u0627\u0646 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/li>\n<li>\u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646 \u0631\u0634\u062a\u0647 \u062d\u0642\u0648\u0642 \u0648 \u0639\u0644\u0648\u0645 \u0633\u06cc\u0627\u0633\u06cc \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u06cc \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0648\u0628 \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u062a\u062e\u0635\u0635 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u062d\u0648\u0632\u0647 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u06af\u0633\u062a\u0631\u0634 \u062f\u0647\u0646\u062f.<\/li>\n<li>\u0627\u0641\u0631\u0627\u062f\u06cc \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0644\u06cc \u0628\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0648 CSS \u0639\u0644\u0627\u0642\u0647 \u062f\u0627\u0631\u0646\u062f.<\/li>\n<li>\u0635\u0627\u062d\u0628\u0627\u0646 \u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631 \u062f\u0631 \u062d\u0648\u0632\u0647 \u0641\u0636\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u0646\u062f \u062d\u0636\u0648\u0631 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0642\u0648\u06cc \u062a\u0631\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<\/li>\n<\/ul>\n<h2>\u0686\u0631\u0627 \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0631\u0627 \u0628\u06af\u0630\u0631\u0627\u0646\u06cc\u0645\u061f<\/h2>\n<p>\u06af\u0630\u0631\u0627\u0646\u062f\u0646 \u062f\u0648\u0631\u0647 CSS for Space Law \u0645\u0632\u0627\u06cc\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u062f\u0627\u0631\u062f\u060c \u0627\u0632 \u062c\u0645\u0644\u0647:<\/p>\n<ul>\n<li><b>\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc:<\/b> \u0634\u0645\u0627 \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u0627 \u06cc\u0627\u062f \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0628\u0647 \u06a9\u0627\u0631 \u0628\u0628\u0631\u06cc\u062f.<\/li>\n<li><b>\u0627\u0641\u0632\u0627\u06cc\u0634 \u062c\u0630\u0627\u0628\u06cc\u062a \u0648\u0628\u200c\u0633\u0627\u06cc\u062a:<\/b> \u0634\u0645\u0627 \u06cc\u0627\u062f \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u06cc \u062c\u0630\u0627\u0628 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u062d\u0648\u0632\u0647 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li><b>\u0628\u0647\u0628\u0648\u062f \u0631\u0632\u0648\u0645\u0647:<\/b> \u062f\u0627\u0634\u062a\u0646 \u062f\u0627\u0646\u0634 CSS \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0631\u0632\u0648\u0645\u0647 \u0634\u0645\u0627 \u0631\u0627 \u062a\u0642\u0648\u06cc\u062a \u06a9\u0646\u062f \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u062c\u062f\u06cc\u062f\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0628\u0627\u0632 \u06a9\u0646\u062f.<\/li>\n<li><b>\u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u062f\u0627\u0646\u0634 \u062a\u062e\u0635\u0635\u06cc:<\/b> \u0634\u0645\u0627 \u062f\u0627\u0646\u0634 \u062a\u062e\u0635\u0635\u06cc \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0628\u0631\u0627\u06cc \u062d\u0648\u0632\u0647 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u06a9\u0633\u0628 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f.<\/li>\n<li><b>\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u062c\u0627\u0645\u0639\u0647:<\/b> \u0634\u0645\u0627 \u0628\u0627 \u06cc\u06a9 \u062c\u0627\u0645\u0639\u0647 \u0627\u0632 \u0645\u062a\u062e\u0635\u0635\u0627\u0646 \u0648 \u0639\u0644\u0627\u0642\u0647\u200c\u0645\u0646\u062f\u0627\u0646 \u0628\u0647 \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc \u0648 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0631\u0642\u0631\u0627\u0631 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f.<\/li>\n<li><b>\u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0631\u0622\u0645\u062f:<\/b> \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0628\u0647 \u0634\u0631\u06a9\u062a \u0647\u0627 \u0648 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0627\u06cc \u0641\u0639\u0627\u0644 \u062f\u0631 \u062d\u0648\u0632\u0647 \u0641\u0636\u0627\u06cc\u06cc \u062f\u0631\u0622\u0645\u062f\u0632\u0627\u06cc\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2>\u0633\u0631\u0641\u0635\u0644\u200c\u0647\u0627\u06cc \u062f\u0648\u0631\u0647 (100 \u0633\u0631\u0641\u0635\u0644 \u062c\u0627\u0645\u0639)<\/h2>\n<h3>\u0628\u062e\u0634 1: \u0645\u0628\u0627\u0646\u06cc CSS<\/h3>\n<ul>\n<li>1.1 \u0645\u0639\u0631\u0641\u06cc CSS \u0648 \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631\u06a9\u0631\u062f \u0622\u0646<\/li>\n<li>1.2 \u0633\u06cc\u0646\u062a\u06a9\u0633 CSS: \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u060c \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0648 \u0645\u0642\u0627\u062f\u06cc\u0631<\/li>\n<li>1.3 \u0627\u0646\u0648\u0627\u0639 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc: \u062f\u0627\u062e\u0644\u06cc\u060c \u062e\u0627\u0631\u062c\u06cc \u0648 \u062f\u0631\u0648\u0646\u200c\u062e\u0637\u06cc<\/li>\n<li>1.4 \u0627\u0648\u0644\u0648\u06cc\u062a \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc \u062f\u0631 CSS<\/li>\n<li>1.5 \u0646\u0638\u0631\u0627\u062a (Comments) \u062f\u0631 CSS<\/li>\n<li>1.6 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u062f\u0631 CSS: px, em, rem, %, vh, vw<\/li>\n<li>1.7 \u0631\u0646\u06af\u200c\u0647\u0627 \u062f\u0631 CSS: \u0646\u0627\u0645 \u0631\u0646\u06af\u200c\u0647\u0627\u060c \u06a9\u062f HEX\u060c RGB\u060c RGBA\u060c HSL\u060c HSLA<\/li>\n<li>1.8 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627 \u062f\u0631 CSS: \u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u060c \u062a\u0635\u0648\u06cc\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647<\/li>\n<li>1.9 \u062a\u06a9\u0631\u0627\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u060c \u0645\u0648\u0642\u0639\u06cc\u062a \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647<\/li>\n<li>1.10 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u200c\u0647\u0627 (Gradients) \u062f\u0631 CSS: \u062e\u0637\u06cc \u0648 \u0634\u0639\u0627\u0639\u06cc<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 2: \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627 (Selectors)<\/h3>\n<ul>\n<li>2.1 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 (Element Selectors)<\/li>\n<li>2.2 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u06a9\u0644\u0627\u0633 (Class Selectors)<\/li>\n<li>2.3 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc ID (ID Selectors)<\/li>\n<li>2.4 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc (Universal Selectors)<\/li>\n<li>2.5 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0635\u0641\u062a (Attribute Selectors)<\/li>\n<li>2.6 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0634\u0628\u0647\u200c\u06a9\u0644\u0627\u0633 (Pseudo-classes): hover, active, focus, visited<\/li>\n<li>2.7 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0634\u0628\u0647\u200c\u0639\u0646\u0635\u0631 (Pseudo-elements): ::before, ::after, ::first-line, ::first-letter<\/li>\n<li>2.8 \u062a\u0631\u06a9\u06cc\u0628 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627: descendant selector, child selector, adjacent sibling selector, general sibling selector<\/li>\n<li>2.9 \u0627\u0648\u0644\u0648\u06cc\u062a \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627: specificity<\/li>\n<li>2.10 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0647\u062f\u0641\u200c\u06af\u06cc\u0631\u06cc \u0639\u0646\u0627\u0635\u0631 \u062e\u0627\u0635<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 3: \u0645\u062f\u0644 \u062c\u0639\u0628\u0647\u200c\u0627\u06cc (Box Model)<\/h3>\n<ul>\n<li>3.1 \u062f\u0631\u06a9 \u0645\u062f\u0644 \u062c\u0639\u0628\u0647\u200c\u0627\u06cc: content, padding, border, margin<\/li>\n<li>3.2 \u062a\u0646\u0638\u06cc\u0645 \u0627\u0646\u062f\u0627\u0632\u0647 \u062c\u0639\u0628\u0647\u200c\u0647\u0627: width, height, max-width, max-height, min-width, min-height<\/li>\n<li>3.3 \u062a\u0646\u0638\u06cc\u0645 padding: padding-top, padding-right, padding-bottom, padding-left, padding<\/li>\n<li>3.4 \u062a\u0646\u0638\u06cc\u0645 border: border-width, border-style, border-color, border<\/li>\n<li>3.5 \u062a\u0646\u0638\u06cc\u0645 margin: margin-top, margin-right, margin-bottom, margin-left, margin<\/li>\n<li>3.6 \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u062a\u0648\u06a9\u0627\u0631 (Inline Boxes) \u0648 \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u0628\u0644\u0648\u06a9\u06cc (Block Boxes)<\/li>\n<li>3.7 \u062a\u0641\u0627\u0648\u062a \u0628\u06cc\u0646 margin collapsing<\/li>\n<li>3.8 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 box-sizing: border-box<\/li>\n<li>3.9 \u0627\u06cc\u062c\u0627\u062f \u0641\u0627\u0635\u0644\u0647 \u0628\u06cc\u0646 \u0639\u0646\u0627\u0635\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 margin \u0648 padding<\/li>\n<li>3.10 \u0645\u062f\u06cc\u0631\u06cc\u062a overflow: hidden, scroll, auto, visible<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 4: \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc \u0648 \u0641\u0648\u0646\u062a\u200c\u0647\u0627<\/h3>\n<ul>\n<li>4.1 \u062a\u0646\u0638\u06cc\u0645 font-family: \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0648 \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0648\u0628<\/li>\n<li>4.2 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06af\u0644 (Google Fonts)<\/li>\n<li>4.3 \u062a\u0646\u0638\u06cc\u0645 font-size: \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0645\u0637\u0644\u0642 \u0648 \u0646\u0633\u0628\u06cc<\/li>\n<li>4.4 \u062a\u0646\u0638\u06cc\u0645 font-weight: bold, normal, lighter, bolder<\/li>\n<li>4.5 \u062a\u0646\u0638\u06cc\u0645 font-style: italic, normal, oblique<\/li>\n<li>4.6 \u062a\u0646\u0638\u06cc\u0645 text-decoration: underline, overline, line-through, none<\/li>\n<li>4.7 \u062a\u0646\u0638\u06cc\u0645 text-transform: uppercase, lowercase, capitalize<\/li>\n<li>4.8 \u062a\u0646\u0638\u06cc\u0645 letter-spacing \u0648 word-spacing<\/li>\n<li>4.9 \u062a\u0646\u0638\u06cc\u0645 line-height<\/li>\n<li>4.10 \u062a\u0646\u0638\u06cc\u0645 text-align: left, right, center, justify<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 5: \u0686\u06cc\u062f\u0645\u0627\u0646 (Layout) \u0628\u0627 Flexbox<\/h3>\n<ul>\n<li>5.1 \u0645\u0639\u0631\u0641\u06cc Flexbox: \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0648 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627<\/li>\n<li>5.2 \u062a\u0646\u0638\u06cc\u0645 display: flex<\/li>\n<li>5.3 \u062a\u0646\u0638\u06cc\u0645 flex-direction: row, column, row-reverse, column-reverse<\/li>\n<li>5.4 \u062a\u0646\u0638\u06cc\u0645 justify-content: flex-start, flex-end, center, space-between, space-around, space-evenly<\/li>\n<li>5.5 \u062a\u0646\u0638\u06cc\u0645 align-items: flex-start, flex-end, center, baseline, stretch<\/li>\n<li>5.6 \u062a\u0646\u0638\u06cc\u0645 align-content: flex-start, flex-end, center, space-between, space-around, stretch<\/li>\n<li>5.7 \u062a\u0646\u0638\u06cc\u0645 flex-wrap: nowrap, wrap, wrap-reverse<\/li>\n<li>5.8 \u062a\u0646\u0638\u06cc\u0645 flex-grow, flex-shrink \u0648 flex-basis \u0628\u0631\u0627\u06cc \u0622\u06cc\u062a\u0645\u200c\u0647\u0627<\/li>\n<li>5.9 \u062a\u0646\u0638\u06cc\u0645 order \u0628\u0631\u0627\u06cc \u0622\u06cc\u062a\u0645\u200c\u0647\u0627<\/li>\n<li>5.10 \u0627\u06cc\u062c\u0627\u062f \u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0628\u0627 Flexbox<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 6: \u0686\u06cc\u062f\u0645\u0627\u0646 (Layout) \u0628\u0627 Grid<\/h3>\n<ul>\n<li>6.1 \u0645\u0639\u0631\u0641\u06cc Grid: \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0648 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627<\/li>\n<li>6.2 \u062a\u0646\u0638\u06cc\u0645 display: grid<\/li>\n<li>6.3 \u062a\u0639\u0631\u06cc\u0641 \u0631\u062f\u06cc\u0641\u200c\u0647\u0627 \u0648 \u0633\u062a\u0648\u0646\u200c\u0647\u0627: grid-template-rows, grid-template-columns<\/li>\n<li>6.4 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 fr unit<\/li>\n<li>6.5 \u062a\u0639\u0631\u06cc\u0641 gap \u0628\u06cc\u0646 \u0631\u062f\u06cc\u0641\u200c\u0647\u0627 \u0648 \u0633\u062a\u0648\u0646\u200c\u0647\u0627: grid-gap, grid-row-gap, grid-column-gap<\/li>\n<li>6.6 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 \u062f\u0631 Grid: grid-row-start, grid-row-end, grid-column-start, grid-column-end<\/li>\n<li>6.7 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 grid-template-areas<\/li>\n<li>6.8 \u062a\u0646\u0638\u06cc\u0645 justify-items, align-items, justify-content, align-content<\/li>\n<li>6.9 \u0627\u06cc\u062c\u0627\u062f \u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0628\u0627 Grid<\/li>\n<li>6.10 \u0631\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u06a9\u0631\u062f\u0646 \u0686\u06cc\u062f\u0645\u0627\u0646 Grid \u0628\u0627 Media Queries<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 7: \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627<\/h3>\n<ul>\n<li>7.1 \u0645\u0639\u0631\u0641\u06cc \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627: transition-property, transition-duration, transition-timing-function, transition-delay<\/li>\n<li>7.2 \u0627\u06cc\u062c\u0627\u062f \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647: hover effects<\/li>\n<li>7.3 \u0645\u0639\u0631\u0641\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627: @keyframes<\/li>\n<li>7.4 \u062a\u0646\u0638\u06cc\u0645 animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode<\/li>\n<li>7.5 \u0627\u06cc\u062c\u0627\u062f \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647<\/li>\n<li>7.6 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/li>\n<li>7.7 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0647\u062a\u0631<\/li>\n<li>7.8 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc SVG<\/li>\n<li>7.9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 CSS animations \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0644\u0648\u062f\u06cc\u0646\u06af<\/li>\n<li>7.10 \u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062f\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0633\u0627\u0632\u06cc \u0628\u0627 CSS<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 8: \u0631\u0633\u0627\u0646\u0647\u200c\u0647\u0627 (Media Queries)<\/h3>\n<ul>\n<li>8.1 \u0645\u0639\u0631\u0641\u06cc Media Queries: \u062a\u0639\u0631\u06cc\u0641 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/li>\n<li>8.2 \u0633\u06cc\u0646\u062a\u06a9\u0633 Media Queries: media types \u0648 media features<\/li>\n<li>8.3 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 width, height, device-width, device-height<\/li>\n<li>8.4 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 orientation: portrait, landscape<\/li>\n<li>8.5 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 resolution<\/li>\n<li>8.6 \u0627\u06cc\u062c\u0627\u062f \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0631\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 (Responsive Layouts)<\/li>\n<li>8.7 \u0637\u0631\u0627\u062d\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\u060c \u062a\u0628\u0644\u062a \u0648 \u062f\u0633\u06a9\u062a\u0627\u067e<\/li>\n<li>8.8 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u06cc\u06a9\u0631\u062f Mobile-First<\/li>\n<li>8.9 \u0622\u0632\u0645\u0627\u06cc\u0634 \u0648 \u0627\u0634\u06a9\u0627\u0644\u200c\u0632\u062f\u0627\u06cc\u06cc Media Queries<\/li>\n<li>8.10 \u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062f\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Media Queries<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 9: CSS Preprocessors (Sass\/SCSS)<\/h3>\n<ul>\n<li>9.1 \u0645\u0639\u0631\u0641\u06cc Sass\/SCSS: \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628<\/li>\n<li>9.2 \u0646\u0635\u0628 \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc Sass\/SCSS<\/li>\n<li>9.3 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 (Variables) \u062f\u0631 Sass\/SCSS<\/li>\n<li>9.4 \u062a\u0648\u062f\u0631\u062a\u0648\u06cc\u06cc (Nesting) \u062f\u0631 Sass\/SCSS<\/li>\n<li>9.5 \u0645\u06cc\u06a9\u0633\u200c\u0627\u06cc\u0646\u200c\u0647\u0627 (Mixins) \u062f\u0631 Sass\/SCSS<\/li>\n<li>9.6 \u062a\u0648\u0627\u0628\u0639 (Functions) \u062f\u0631 Sass\/SCSS<\/li>\n<li>9.7 \u0648\u0631\u0627\u062b\u062a (Inheritance) \u062f\u0631 Sass\/SCSS<\/li>\n<li>9.8 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 (Modules) \u062f\u0631 Sass\/SCSS<\/li>\n<li>9.9 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 Sass\/SCSS \u0628\u0647 CSS<\/li>\n<li>9.10 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0628\u0627 Sass\/SCSS<\/li>\n<\/ul>\n<h3>\u0628\u062e\u0634 10: \u067e\u0631\u0648\u0698\u0647 \u0639\u0645\u0644\u06cc \u0648 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627<\/h3>\n<ul>\n<li>10.1 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u06a9\u0627\u0645\u0644 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u062d\u0642\u0648\u0642 \u0641\u0636\u0627\u06cc\u06cc<\/li>\n<li>10.2 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 HTML5 semantic tags<\/li>\n<li>10.3 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631<\/li>\n<li>10.4 \u062a\u0633\u062a \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641<\/li>\n<li>10.5 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u062a\u0645\u06cc\u0632 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc<\/li>\n<li>10.6 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc linting \u0628\u0631\u0627\u06cc CSS<\/li>\n<li>10.7 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Git \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0646\u0633\u062e\u0647<\/li>\n<li>10.8 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0631\u0648\u06cc \u0633\u0631\u0648\u0631<\/li>\n<li>10.9 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/li>\n<li>10.10 \u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 \u0645\u0646\u0627\u0628\u0639 \u062a\u06a9\u0645\u06cc\u0644\u06cc<\/li>\n<\/ul>\n<p>    <a href=\"#\" class=\"cta-button\">\u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u0641\u0636\u0627\u06cc\u06cc \u06a9\u0646\u06cc\u062f!<\/a><\/p>\n<p><\/body><br \/>\n<\/html><\/div>\n<div\r\n    style=\"border: 2px dashed #4CAF50; border-radius: 16px; padding: 20px; background: #f9fff9; font-family: 'IRANSans', sans-serif;\">\r\n    <h2 style=\"color: #2E7D32; margin-top: 0;\">\ud83d\udcda \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644 \u0622\u0645\u0648\u0632\u0634\u06cc (\u067e\u06a9\u06cc\u062c \u06a9\u0627\u0645\u0644)<\/h2>\r\n    <div\r\n        style=\"background: #E8F5E9; border-radius: 12px; padding: 15px 20px; margin-bottom: 20px; border: 1px solid #A5D6A7;\">\r\n        <h3 style=\"color: #1B5E20; margin-top: 0;\">\ud83d\udca1 \u0627\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644 \u06cc\u06a9 \u0646\u0633\u062e\u0647\u0654 \u06a9\u0627\u0645\u0644 \u0648 \u062c\u0627\u0645\u0639 \u0627\u0633\u062a<\/h3>\r\n        <p style=\"font-size:16px; line-height:1.8; color:#2E7D32; margin:0;\"> \u062a\u0645\u0627\u0645\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u062f\u0631 \u0642\u0627\u0644\u0628 \u06cc\u06a9\r\n            \u0628\u0633\u062a\u0647\u200c\u06cc \u06a9\u0627\u0645\u0644 \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0634\u0627\u0645\u0644 \u062a\u0645\u0627\u0645 \u0646\u0633\u062e\u0647\u200c\u0647\u0627 \u0648 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u0633\u062a. <\/p>\r\n    <\/div>\r\n    <h3 style=\"color: #2E7D32;\">\ud83c\udf81 \u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u06a9\u0627\u0645\u0644 \u0628\u0633\u062a\u0647 \u062f\u0627\u0646\u0644\u0648\u062f\u06cc<\/h3>\r\n\r\n\t\r\n<ul style=\"list-style-type: '\u2705 '; padding-left: 20px; font-size: 16px; line-height: 1.8;\">\r\n    <li><strong>\u0648\u06cc\u062f\u06cc\u0648\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0641\u0627\u0631\u0633\u06cc<\/strong> \u2014 \u0622\u0645\u0648\u0632\u0634 \u0642\u062f\u0645\u200c\u0628\u0647\u200c\u0642\u062f\u0645\u060c \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u0642\u0627\u0628\u0644 \u0641\u0647\u0645<\/li>\r\n    <li><strong>\u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0641\u0627\u0631\u0633\u06cc<\/strong> \u2014 \u062a\u0648\u0636\u06cc\u062d \u0645\u0641\u0627\u0647\u06cc\u0645 \u06a9\u0644\u06cc\u062f\u06cc \u0648 \u0646\u06a9\u0627\u062a \u062a\u06a9\u0645\u06cc\u0644\u06cc<\/li>\r\n    <li><strong>\u06a9\u062a\u0627\u0628 PDF \u0641\u0627\u0631\u0633\u06cc<\/strong> \u2014 \u0634\u0627\u0645\u0644 \u06a9\u0644\u06cc\u0647\u0654 \u0633\u0631\u0641\u0635\u0644\u200c\u0647\u0627 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc<\/li>\r\n    <li><strong>\u06a9\u062a\u0627\u0628 \u062e\u0644\u0627\u0635\u0647 \u0646\u06a9\u0627\u062a \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 \u0648 \u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627 \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong> \u2014 \u0645\u0646\u0627\u0633\u0628 \u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u0648 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u0645\u0628\u0627\u062d\u062b<\/li>\r\n    <li><strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u0646\u06a9\u062a\u0647 \u0641\u0627\u0631\u0633\u06cc (\u062e\u0648\u062f\u0645\u0648\u0646\u06cc) \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong> \u2014 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc<\/li>\r\n    <li><strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u0646\u06a9\u062a\u0647 \u0631\u0633\u0645\u06cc \u0641\u0627\u0631\u0633\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong> \u2014 \u0646\u06af\u0627\u0631\u0634 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u060c \u0639\u0644\u0645\u06cc \u0648 \u0645\u0646\u0627\u0633\u0628 \u0686\u0627\u067e<\/li>\r\n\r\n    <li>\r\n        <strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u062a\u0634\u0631\u06cc\u062d\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong><br>\r\n        \u2014 \u0647\u0631 \u0633\u0624\u0627\u0644 \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u067e\u0627\u0633\u062e \u06a9\u0627\u0645\u0644 \u0648 \u0634\u0641\u0627\u0641 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u061b \u0645\u0646\u0627\u0633\u0628 \u062f\u0631\u06a9 \u0639\u0645\u06cc\u0642 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0648 \u0631\u0641\u0639 \u0627\u0628\u0647\u0627\u0645.\r\n    <\/li>\r\n\r\n    <li>\r\n        <strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u0686\u0647\u0627\u0631\u06af\u0632\u06cc\u0646\u0647\u200c\u0627\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF (\u0646\u0633\u062e\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0633\u0631\u06cc\u0639)<\/strong><br>\r\n        \u2014 \u067e\u0627\u0633\u062e\u200c\u0647\u0627 \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u067e\u0633 \u0627\u0632 \u0633\u0624\u0627\u0644 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0646\u062f\u061b \u0645\u0646\u0627\u0633\u0628 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0633\u0631\u06cc\u0639 \u0648 \u062a\u062b\u0628\u06cc\u062a \u0645\u0637\u0627\u0644\u0628.\r\n    <\/li>\r\n\r\n    <li>\r\n        <strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u0686\u0647\u0627\u0631\u06af\u0632\u06cc\u0646\u0647\u200c\u0627\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF (\u0646\u0633\u062e\u0647 \u062e\u0648\u062f\u0622\u0632\u0645\u0627\u06cc\u06cc \u067e\u0627\u06cc\u0627\u0646\u200c\u0628\u062e\u0634)<\/strong><br>\r\n        \u2014 \u067e\u0627\u0633\u062e\u200c\u0647\u0627 \u062f\u0631 \u0627\u0646\u062a\u0647\u0627\u06cc \u0647\u0631 \u0628\u062e\u0634 \u0622\u0645\u062f\u0647\u200c\u0627\u0646\u062f\u061b \u0645\u0646\u0627\u0633\u0628 \u0622\u0632\u0645\u0648\u0646 \u0648\u0627\u0642\u0639\u06cc \u0648 \u0633\u0646\u062c\u0634 \u0645\u06cc\u0632\u0627\u0646 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc.\r\n    <\/li>\r\n\r\n    <li>\r\n        <strong>\u06a9\u062a\u0627\u0628 \u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627\u06cc \u062f\u0631\u0633\u062a \/ \u0646\u0627\u062f\u0631\u0633\u062a (True \/ False) \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong><br>\r\n        \u2014 \u0645\u0646\u0627\u0633\u0628 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0642\u062a \u0645\u0641\u0647\u0648\u0645\u06cc \u0648 \u062a\u0634\u062e\u06cc\u0635 \u0635\u062d\u06cc\u062d \u06cc\u0627 \u0646\u0627\u062f\u0631\u0633\u062a \u0628\u0648\u062f\u0646 \u06af\u0632\u0627\u0631\u0647\u200c\u0647\u0627.\r\n    <\/li>\r\n\r\n    <li>\r\n        <strong>\u06a9\u062a\u0627\u0628 \u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627\u06cc \u062c\u0627\u06cc \u062e\u0627\u0644\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong><br>\r\n        \u2014 \u062a\u0642\u0648\u06cc\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0641\u0639\u0627\u0644 \u0648 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0648 \u0627\u0635\u0637\u0644\u0627\u062d\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc.\r\n    <\/li>\r\n<\/ul>\r\n\t\r\n\t\r\n\t\r\n\t\r\n    <p style=\"color: #388E3C; font-weight: bold; font-size: 18px; margin-top: 20px;\"> \ud83c\udfaf \u0627\u06cc\u0646 \u0628\u0633\u062a\u0647 \u06cc\u06a9 \u062f\u0648\u0631\u0647\u0654 \u0622\u0645\u0648\u0632\u0634\u06cc \u06a9\u0627\u0645\u0644 \u0648\r\n        \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0627\u0633\u062a\u061b \u0634\u0627\u0645\u0644 \u0622\u0645\u0648\u0632\u0634 \u062a\u0635\u0648\u06cc\u0631\u06cc\u060c \u0635\u0648\u062a\u06cc\u060c \u06a9\u062a\u0627\u0628\u200c\u0647\u0627\u060c \u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627   \u0648 \u062e\u0648\u062f\u0622\u0632\u0645\u0627\u06cc\u06cc . <\/p>\r\n    <hr style=\"border: none; border-top: 1px dashed #81C784; margin: 20px 0;\">\r\n    <h3 style=\"color: #2E7D32;\">\u2139\ufe0f \u0646\u06a9\u0627\u062a \u0645\u0647\u0645 \u0647\u0646\u06af\u0627\u0645 \u062e\u0631\u06cc\u062f<\/h3>\r\n    <ul style=\"list-style-type: '\ud83d\udd38 '; padding-left: 20px; font-size: 15px; line-height: 1.9;\">\r\n        <li>\u0627\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644 \u0628\u0647 \u0635\u0648\u0631\u062a <strong>\u0641\u0627\u06cc\u0644 \u062f\u0627\u0646\u0644\u0648\u062f\u06cc \u06a9\u0627\u0645\u0644<\/strong> \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0646\u0633\u062e\u0647\u0654 \u0686\u0627\u067e\u06cc \u0646\u062f\u0627\u0631\u062f.<\/li>\r\n        <li>\u062a\u0645\u0627\u0645\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0648 \u06a9\u062a\u0627\u0628\u200c\u0647\u0627 <strong>\u06a9\u0627\u0645\u0644\u0627\u064b \u0641\u0627\u0631\u0633\u06cc<\/strong> \u0647\u0633\u062a\u0646\u062f.<\/li>\r\n        <li><strong>\u062a\u0648\u062c\u0647:<\/strong> \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062f\u0648\u0631\u0647 \u0637\u06cc <strong>\u06f4\u06f8 \u0633\u0627\u0639\u062a<\/strong> \u067e\u0633 \u0627\u0632 \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/li>\r\n        <li>\u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u062f\u0631\u062c \u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0646\u06cc\u0633\u062a\u061b \u0627\u0645\u0627 \u0628\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\r\n        <li>\u062f\u0631 \u0635\u0648\u0631\u062a \u0628\u0631\u0648\u0632 \u0645\u0634\u06a9\u0644 \u062f\u0631 \u062f\u0627\u0646\u0644\u0648\u062f \u0628\u0627 \u0634\u0645\u0627\u0631\u0647 <strong>09395106248<\/strong> \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/li>\r\n        <li>\u0627\u06af\u0631 \u067e\u0631\u062f\u0627\u062e\u062a \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647 \u0648\u0644\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0646\u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u0648 \u0646\u0627\u0645 \u0645\u062d\u0635\u0648\u0644 \u0631\u0627 \u067e\u06cc\u0627\u0645\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627\r\n            \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0627\u0631\u0633\u0627\u0644 \u0634\u0648\u0646\u062f.<\/li>\r\n    <\/ul>\r\n    <p style=\"font-size: 16px; line-height: 1.8; margin-top: 15px;\"> \ud83d\udcac \u0631\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc:<br> \u0648\u0627\u062a\u0633\u200c\u0627\u067e \u06cc\u0627 \u067e\u06cc\u0627\u0645\u06a9:\r\n        <strong>09395106248<\/strong><br> \u062a\u0644\u06af\u0631\u0627\u0645: <strong>@ma_limbs<\/strong> <\/p>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CSS for Space Law: \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u062d\u0642\u0648\u0642\u062f\u0627\u0646 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f! CSS for Space Law: \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u062d\u0642\u0648\u0642\u062f\u0627\u0646 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f! \u0622\u06cc\u0627 \u0634\u0645\u0627 \u06cc\u06a9 \u0648\u06a9\u06cc\u0644 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0642&#8230;<\/p>\n","protected":false},"featured_media":67493,"comment_status":"open","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}}},"product_cat":[213162,196,1221],"product_tag":[244297,67252,2970,244299,1250,5007,716,1905,1237,168394,33047,244298,22470,33411],"class_list":{"0":"post-302543","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-css","7":"product_cat-196","8":"product_cat-1221","9":"product_tag-css-for-space-law","10":"product_tag-css-techniques","11":"product_tag-css-","12":"product_tag-space-law-basics","13":"product_tag-web-development","14":"product_tag--css","15":"product_tag-716","16":"product_tag-1905","17":"product_tag-1237","18":"product_tag-168394","19":"product_tag-33047","20":"product_tag-244298","23":"pmpro-has-access","24":"desktop-align-left","25":"tablet-align-left","26":"mobile-align-left","28":"first","29":"instock","30":"shipping-taxable","31":"purchasable","32":"product-type-variable"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u06a9\u062a\u0627\u0628 CSS for Space Law - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u06a9\u062a\u0627\u0628 CSS for Space Law - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633\" \/>\n<meta property=\"og:description\" content=\"CSS for Space Law: \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u062d\u0642\u0648\u0642\u062f\u0627\u0646 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f! CSS for Space Law: \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u062d\u0642\u0648\u0642\u062f\u0627\u0646 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f! \u0622\u06cc\u0627 \u0634\u0645\u0627 \u06cc\u06a9 \u0648\u06a9\u06cc\u0644 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0642...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-22T02:02:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/express24.ir\/d\/wp-content\/uploads\/2025\/05\/Express24_ir.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/\",\"url\":\"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/\",\"name\":\"\u06a9\u062a\u0627\u0628 CSS for Space Law - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633\",\"isPartOf\":{\"@id\":\"https:\/\/express24.ir\/d\/#website\"},\"datePublished\":\"2025-12-03T07:11:40+00:00\",\"dateModified\":\"2025-12-22T02:02:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\/\/express24.ir\/d\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0641\u0631\u0648\u0634\u06af\u0627\u0647\",\"item\":\"https:\/\/express24.ir\/d\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u06a9\u062a\u0627\u0628 CSS for Space Law\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/express24.ir\/d\/#website\",\"url\":\"https:\/\/express24.ir\/d\/\",\"name\":\"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/express24.ir\/d\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fa-IR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u06a9\u062a\u0627\u0628 CSS for Space Law - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/","og_locale":"fa_IR","og_type":"article","og_title":"\u06a9\u062a\u0627\u0628 CSS for Space Law - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","og_description":"CSS for Space Law: \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u062d\u0642\u0648\u0642\u062f\u0627\u0646 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f! CSS for Space Law: \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0641\u0636\u0627\u06cc\u06cc\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u062d\u0642\u0648\u0642\u062f\u0627\u0646 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f! \u0622\u06cc\u0627 \u0634\u0645\u0627 \u06cc\u06a9 \u0648\u06a9\u06cc\u0644 \u0641\u0636\u0627\u06cc\u06cc \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0642...","og_url":"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/","og_site_name":"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","article_modified_time":"2025-12-22T02:02:32+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/express24.ir\/d\/wp-content\/uploads\/2025\/05\/Express24_ir.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"3 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/","url":"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/","name":"\u06a9\u062a\u0627\u0628 CSS for Space Law - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","isPartOf":{"@id":"https:\/\/express24.ir\/d\/#website"},"datePublished":"2025-12-03T07:11:40+00:00","dateModified":"2025-12-22T02:02:32+00:00","breadcrumb":{"@id":"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/express24.ir\/d\/product\/supercourse-0000018215\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/express24.ir\/d\/"},{"@type":"ListItem","position":2,"name":"\u0641\u0631\u0648\u0634\u06af\u0627\u0647","item":"https:\/\/express24.ir\/d\/"},{"@type":"ListItem","position":3,"name":"\u06a9\u062a\u0627\u0628 CSS for Space Law"}]},{"@type":"WebSite","@id":"https:\/\/express24.ir\/d\/#website","url":"https:\/\/express24.ir\/d\/","name":"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/express24.ir\/d\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fa-IR"}]}},"_links":{"self":[{"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/product\/302543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/comments?post=302543"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/media\/67493"}],"wp:attachment":[{"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/media?parent=302543"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/product_cat?post=302543"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/product_tag?post=302543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}