{"id":476181,"date":"2023-08-09T07:26:52","date_gmt":"2023-08-09T07:26:52","guid":{"rendered":""},"modified":"2023-09-05T11:12:11","modified_gmt":"2023-09-05T11:12:11","slug":"cascading-stylesheets-css","status":"publish","type":"wiki","link":"https:\/\/oneproxy.pro\/ar\/wiki\/cascading-stylesheets-css\/","title":{"rendered":"\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS)"},"content":{"rendered":"<p>\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u064a \u064a\u0634\u0627\u0631 \u0625\u0644\u064a\u0647\u0627 \u0639\u0627\u062f\u0629 \u0628\u0627\u0633\u0645 CSS\u060c \u0647\u064a \u062a\u0642\u0646\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u064a \u0648\u062a\u062e\u0637\u064a\u0637 \u0645\u0633\u062a\u0646\u062f\u0627\u062a HTML. \u0648\u0647\u0648 \u064a\u0644\u0639\u0628 \u062f\u0648\u0631\u064b\u0627 \u062d\u0627\u0633\u0645\u064b\u0627 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0643\u064a\u0641\u064a\u0629 \u0639\u0631\u0636 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u062f\u0627\u062e\u0644 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628\u060c \u0645\u0645\u0627 \u064a\u0645\u0643\u0651\u0646 \u0645\u0637\u0648\u0631\u064a \u0627\u0644\u0648\u064a\u0628 \u0645\u0646 \u0641\u0635\u0644 \u0645\u062d\u062a\u0648\u0649 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0639\u0646 \u062a\u0635\u0645\u064a\u0645\u0647 \u0627\u0644\u0645\u0631\u0626\u064a. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0637\u0631\u064a\u0642\u0629 \u0645\u0648\u062d\u062f\u0629 \u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0639\u0644\u0649 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628\u060c \u0633\u0627\u0647\u0645\u062a CSS \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0641\u064a \u062a\u0637\u0648\u0631 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.<\/p>\n<h2>\u062a\u0627\u0631\u064a\u062e \u0623\u0635\u0644 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS) \u0648\u0623\u0648\u0644 \u0630\u0643\u0631 \u0644\u0647\u0627.<\/h2>\n<p>\u064a\u0645\u0643\u0646 \u0625\u0631\u062c\u0627\u0639 \u0623\u0635\u0648\u0644 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629. \u0641\u064a \u0639\u0627\u0645 1994\u060c \u0627\u0642\u062a\u0631\u062d \u0647\u0627\u0643\u0648\u0646 \u0648\u064a\u0648\u0645 \u0644\u064a \u0648\u0628\u064a\u0631\u062a \u0628\u0648\u0633\u060c \u0648\u0643\u0644\u0627\u0647\u0645\u0627 \u0639\u0636\u0648\u0627\u0646 \u0641\u064a \u0627\u062a\u062d\u0627\u062f \u0634\u0628\u0643\u0629 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 (W3C)\u060c \u0644\u063a\u0629 \u0648\u0631\u0642\u0629 \u0623\u0646\u0645\u0627\u0637 \u062a\u0633\u0645\u0649 CSS. \u0648\u0643\u0627\u0646 \u0647\u062f\u0641\u0647\u0645 \u0647\u0648 \u062a\u0642\u062f\u064a\u0645 \u0637\u0631\u064a\u0642\u0629 \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0639\u0631\u0636 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0642\u0644 \u0639\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0628\u0646\u064a\u0629.<\/p>\n<p>\u0623\u0648\u0644 \u0630\u0643\u0631 \u0631\u0633\u0645\u064a \u0644\u0640 CSS \u062c\u0627\u0621 \u0645\u0639 \u0625\u0635\u062f\u0627\u0631 CSS \u0627\u0644\u0645\u0633\u062a\u0648\u0649 1 (CSS1) \u0641\u064a \u0639\u0627\u0645 1996 \u0643\u062c\u0632\u0621 \u0645\u0646 \u062a\u0648\u0635\u064a\u0627\u062a W3C. \u0645\u0646\u0630 \u0630\u0644\u0643 \u0627\u0644\u062d\u064a\u0646\u060c \u062e\u0636\u0639\u062a CSS \u0644\u0639\u062f\u0629 \u0645\u0631\u0627\u062c\u0639\u0627\u062a\u060c \u0645\u0639 \u0645\u0633\u062a\u0648\u0649 CSS 2 (CSS2) \u0641\u064a \u0639\u0627\u0645 1998 \u0648\u0645\u0633\u062a\u0648\u0649 CSS 3 (CSS3) \u0641\u064a \u0639\u0627\u0645 1999\u060c \u0648\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0648\u062d\u062f\u0627\u062a \u0644\u0627\u062d\u0642\u0629 \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a. \u0644\u0642\u062f \u0643\u0627\u0646 \u062a\u0637\u0648\u064a\u0631 CSS \u0628\u0645\u062b\u0627\u0628\u0629 \u062c\u0647\u062f \u0645\u0633\u062a\u0645\u0631 \u0644\u062a\u0639\u0632\u064a\u0632 \u0642\u062f\u0631\u0627\u062a\u0647 \u0648\u062a\u0648\u0641\u064a\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0623\u0643\u062b\u0631 \u062a\u0637\u0648\u0631\u0627\u064b \u0644\u0645\u0637\u0648\u0631\u064a \u0627\u0644\u0648\u064a\u0628.<\/p>\n<h2>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u062d\u0648\u0644 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS). \u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0645\u0648\u0636\u0648\u0639 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS).<\/h2>\n<p>\u062a\u0639\u0645\u0644 CSS \u0639\u0644\u0649 \u0645\u0628\u062f\u0623 \u0627\u0644\u062a\u062a\u0627\u0644\u064a\u060c \u062d\u064a\u062b \u064a\u0645\u0643\u0646 \u062a\u0637\u0628\u064a\u0642 \u0623\u0648\u0631\u0627\u0642 \u0623\u0646\u0645\u0627\u0637 \u0645\u062a\u0639\u062f\u062f\u0629 \u0639\u0644\u0649 \u0646\u0641\u0633 \u0645\u0633\u062a\u0646\u062f HTML\u060c \u0648\u064a\u062a\u0645 \u062f\u0645\u062c \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062e\u0635\u0648\u0635\u064a\u062a\u0647\u0627 \u0648\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062a\u0637\u0628\u064a\u0642. \u0648\u0647\u0630\u0627 \u064a\u0633\u0645\u062d \u0628\u0627\u062a\u0628\u0627\u0639 \u0646\u0647\u062c \u0645\u0639\u064a\u0627\u0631\u064a \u0648\u0641\u0639\u0627\u0644 \u0644\u062a\u0635\u0645\u064a\u0645 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0641\u0635\u0644 \u0637\u0628\u0642\u0629 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u064a \u0639\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u064a\u0645\u0643\u0646 \u0644\u0645\u0637\u0648\u0631\u064a \u0627\u0644\u0648\u064a\u0628 \u062a\u062d\u062f\u064a\u062b \u0648\u062a\u0639\u062f\u064a\u0644 \u0645\u0638\u0647\u0631 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0628\u0633\u0647\u0648\u0644\u0629 \u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 \u0628\u0646\u064a\u062a\u0647 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629.<\/p>\n<p>\u064a\u062d\u0642\u0642 CSS \u0647\u0630\u0627 \u0627\u0644\u0641\u0635\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0639\u0646\u0627\u0635\u0631 HTML \u0645\u062d\u062f\u062f\u0629 \u0623\u0648 \u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u062d\u062f\u062f\u0627\u062a. \u0648\u064a\u0631\u062a\u0628\u0637 \u0643\u0644 \u0645\u062d\u062f\u062f \u0628\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0648\u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062f \u0643\u064a\u0641\u064a\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629. \u062a\u062a\u062d\u0643\u0645 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0641\u064a \u062c\u0648\u0627\u0646\u0628 \u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u062b\u0644 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0647\u0648\u0627\u0645\u0634 \u0648\u0627\u0644\u062d\u0634\u0648 \u0648\u0627\u0644\u0645\u0648\u0636\u0639 \u0648\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629.<\/p>\n<p>\u0625\u062d\u062f\u0649 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0645\u0647\u0645\u0629 \u0644\u0640 CSS \u0647\u064a \u0623\u0646\u0647\u0627 \u062a\u062a\u064a\u062d \u0625\u0646\u0634\u0627\u0621 \u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0628\u0627\u0644\u062a\u0643\u064a\u0641 \u0648\u0627\u0644\u0639\u0631\u0636 \u0628\u0634\u0643\u0644 \u0645\u062b\u0627\u0644\u064a \u0639\u0628\u0631 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0634\u0627\u0634\u0627\u062a. \u062a\u062a\u064a\u062d \u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0648\u0633\u0627\u0626\u0637\u060c \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0641\u064a CSS3\u060c \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u0637\u0628\u064a\u0642 \u0623\u0646\u0645\u0627\u0637 \u0645\u062e\u062a\u0644\u0641\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062e\u0635\u0627\u0626\u0635 \u0645\u062b\u0644 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0648\u0627\u0631\u062a\u0641\u0627\u0639\u0647\u0627 \u0648\u062f\u0642\u062a\u0647\u0627\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0639\u0644\u0649 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 \u0648\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0645\u0643\u062a\u0628\u064a\u0629.<\/p>\n<h2>\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS). \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS).<\/h2>\n<p>\u062f\u0627\u062e\u0644\u064a\u064b\u0627\u060c \u064a\u062a\u0643\u0648\u0646 CSS \u0645\u0646 \u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062f \u0643\u064a\u0641\u064a\u0629 \u062a\u0635\u0645\u064a\u0645 \u0639\u0646\u0627\u0635\u0631 HTML. \u062a\u062a\u0643\u0648\u0646 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0645\u0646 \u062c\u0632\u0623\u064a\u0646: \u0645\u062d\u062f\u062f \u0648\u0643\u062a\u0644\u0629 \u0625\u0639\u0644\u0627\u0646. \u064a\u0634\u064a\u0631 \u0627\u0644\u0645\u062d\u062f\u062f \u0625\u0644\u0649 \u0639\u0646\u0627\u0635\u0631 HTML \u0627\u0644\u062a\u064a \u0633\u064a\u062a\u0645 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0639\u0644\u064a\u0647\u0627\u060c \u0648\u062a\u062d\u062a\u0648\u064a \u0643\u062a\u0644\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0639\u0644\u0649 \u0642\u0627\u0626\u0645\u0629 \u0628\u0623\u0632\u0648\u0627\u062c \u0642\u064a\u0645\u0629 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0627\u0644\u0645\u062d\u0627\u0637\u0629 \u0628\u0623\u0642\u0648\u0627\u0633 \u0645\u062a\u0639\u0631\u062c\u0629.<\/p>\n<pre><div class=\"bg-black rounded-md mb-4\"><div class=\"flex items-center relative text-gray-200 bg-gray-800 px-4 py-2 text-xs font-sans justify-between rounded-t-md\"><span>\u0627\u0644\u0645\u063a\u0644\u0642<\/span><button class=\"flex ml-auto gap-2\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4\" height=\"1em\" width=\"1em\" ><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect><\/svg>\u0631\u0645\u0632 \u0627\u0644\u0646\u0633\u062e<\/button><\/div><div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-css\" data-no-translation=\"\">selector {\n  property1: value1;\n  property2: value2;\n  ...\n  propertyN: valueN;\n}\n<\/code><\/div><\/div><\/pre>\n<p>\u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628\u060c \u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0628\u062a\u062d\u0644\u064a\u0644 \u0642\u0648\u0627\u0639\u062f CSS \u0648\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0639\u0644\u0649 \u0639\u0646\u0627\u0635\u0631 HTML \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629. \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0647\u0646\u0627\u0643 \u0642\u0648\u0627\u0639\u062f \u0645\u062a\u0639\u062f\u062f\u0629 \u062a\u0633\u062a\u0647\u062f\u0641 \u0646\u0641\u0633 \u0627\u0644\u0639\u0646\u0635\u0631\u060c \u0641\u0625\u0646 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u064a\u062a\u0628\u0639 \u0627\u0644\u0645\u0628\u062f\u0623 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0631\u0627\u0639\u0627\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 \u0648\u0627\u0644\u0648\u0631\u0627\u062b\u0629 \u0648\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062a\u0637\u0628\u064a\u0642.<\/p>\n<h2>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0645\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS).<\/h2>\n<p>\u062a\u0642\u062f\u0645 CSS \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644\u0647\u0627 \u0623\u062f\u0627\u0629 \u0642\u0648\u064a\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628:<\/p>\n<ol>\n<li>\n<p><strong>\u0627\u0644\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629:<\/strong> \u064a\u0645\u0643\u0646 \u062f\u0645\u062c \u0642\u0648\u0627\u0639\u062f CSS \u0648\u062a\u062c\u0627\u0648\u0632\u0647\u0627 \u0648\u0648\u0631\u0627\u062b\u062a\u0647\u0627\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0627\u0644\u0645\u0631\u0648\u0646\u0629 \u0648\u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u064a\u0628.<\/p>\n<\/li>\n<li>\n<p><strong>\u0646\u0645\u0637\u064a\u0629:<\/strong> \u0645\u0646 \u062e\u0644\u0627\u0644 \u0641\u0635\u0644 \u0627\u0644\u0646\u0645\u0637 \u0639\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u062a\u0639\u0645\u0644 CSS \u0639\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0645\u0639\u064a\u0627\u0631\u064a \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628\u060c \u0645\u0645\u0627 \u064a\u0633\u0647\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0648\u062a\u062d\u062f\u064a\u062b\u0647\u0627.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0628:<\/strong> \u062a\u0639\u0645\u0644 \u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0639\u0644\u0649 \u062a\u0645\u0643\u064a\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u064a\u0628 \u0633\u0631\u064a\u0639 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0628\u0627\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0639\u0628\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a:<\/strong> \u064a\u0633\u0627\u0639\u062f CSS \u0639\u0644\u0649 \u0636\u0645\u0627\u0646 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u064a \u0627\u0644\u0645\u062a\u0633\u0642 \u0639\u0628\u0631 \u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0648\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644\u0627\u062a:<\/strong> \u0642\u062f\u0645 CSS3 \u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0648\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644\u060c \u0645\u0645\u0627 \u0645\u0643\u0646 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0645\u0646 \u0625\u0646\u0634\u0627\u0621 \u062a\u062c\u0627\u0631\u0628 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0644\u0633\u0629 \u0648\u062a\u0641\u0627\u0639\u0644\u064a\u0629.<\/p>\n<\/li>\n<li>\n<p><strong>\u062a\u062e\u0637\u064a\u0637 Flexbox \u0648\u0627\u0644\u0634\u0628\u0643\u0629:<\/strong> \u064a\u0648\u0641\u0631 CSS \u0623\u0646\u0638\u0645\u0629 \u062a\u062e\u0637\u064a\u0637 \u0642\u0648\u064a\u0629 \u0645\u062b\u0644 Flexbox \u0648Grid\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u0625\u0646\u0634\u0627\u0621 \u062a\u062e\u0637\u064a\u0637\u0627\u062a \u0635\u0641\u062d\u0627\u062a \u0645\u0639\u0642\u062f\u0629 \u0648\u0645\u0631\u0646\u0629.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0644\u0645\u062d\u062f\u062f\u0627\u062a:<\/strong> \u064a\u0642\u062f\u0645 CSS \u0646\u0637\u0627\u0642\u064b\u0627 \u0648\u0627\u0633\u0639\u064b\u0627 \u0645\u0646 \u0627\u0644\u0645\u062d\u062f\u062f\u0627\u062a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0645\u062d\u062f\u062f\u0627\u062a \u0627\u0644\u0641\u0626\u0629 \u0648\u0627\u0644\u0645\u0639\u0631\u0641 \u0648\u0627\u0644\u0639\u0646\u0635\u0631 \u0648\u0627\u0644\u0633\u0645\u0629 \u0648\u0645\u062d\u062f\u062f\u0627\u062a \u0627\u0644\u0641\u0626\u0627\u062a \u0627\u0644\u0632\u0627\u0626\u0641\u0629\u060c \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u0627\u0633\u062a\u0647\u062f\u0627\u0641\u064b\u0627 \u062f\u0642\u064a\u0642\u064b\u0627 \u0644\u0644\u0639\u0646\u0627\u0635\u0631.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a:<\/strong> \u062a\u0633\u0645\u062d \u062e\u0635\u0627\u0626\u0635 CSS \u0627\u0644\u0645\u062e\u0635\u0635\u0629 (\u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a) \u0628\u0623\u0646\u0645\u0627\u0637 \u0623\u0643\u062b\u0631 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\n<\/li>\n<\/ol>\n<h2>\u0627\u0643\u062a\u0628 \u0623\u0646\u0648\u0627\u0639 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS) \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629. \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0641\u064a \u0627\u0644\u0643\u062a\u0627\u0628\u0629.<\/h2>\n<p>\u0644\u0642\u062f \u062a\u0637\u0648\u0631\u062a CSS \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a\u060c \u0648\u062a\u0645 \u062a\u0642\u062f\u064a\u0645 \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0648\u0648\u062d\u062f\u0627\u062a CSS \u0645\u062e\u062a\u0644\u0641\u0629. \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0628\u0639\u0636 \u0623\u0646\u0648\u0627\u0639 CSS \u0627\u0644\u0645\u0647\u0645\u0629:<\/p>\n<table>\n<thead>\n<tr>\n<th>\u0646\u0648\u0639 CSS<\/th>\n<th>\u0648\u0635\u0641<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>CSS1<\/td>\n<td>\u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0645\u0646 CSS\u060c \u064a\u0642\u062f\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a.<\/td>\n<\/tr>\n<tr>\n<td>CSS2<\/td>\n<td>\u062a\u0648\u0633\u064a\u0639 CSS1 \u0628\u0645\u064a\u0632\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0648\u062f\u0639\u0645 \u0645\u062d\u0633\u0651\u0646.<\/td>\n<\/tr>\n<tr>\n<td>CSS3<\/td>\n<td>\u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0645\u0639 \u0648\u062d\u062f\u0627\u062a \u0648\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.<\/td>\n<\/tr>\n<tr>\n<td>\u0634\u0628\u0643\u0629 CSS<\/td>\n<td>\u0646\u0638\u0627\u0645 \u062a\u062e\u0637\u064a\u0637 \u0634\u0628\u0643\u064a \u0642\u0648\u064a \u062b\u0646\u0627\u0626\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f.<\/td>\n<\/tr>\n<tr>\n<td>CSS \u0641\u0644\u064a\u0643\u0633 \u0628\u0648\u0643\u0633<\/td>\n<td>\u0646\u0645\u0648\u0630\u062c \u062a\u062e\u0637\u064a\u0637\u064a \u0623\u062d\u0627\u062f\u064a \u0627\u0644\u0628\u0639\u062f \u0644\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0631\u0646\u0629.<\/td>\n<\/tr>\n<tr>\n<td>\u0627\u0646\u062a\u0642\u0627\u0644\u0627\u062a CSS<\/td>\n<td>\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629.<\/td>\n<\/tr>\n<tr>\n<td>\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 CSS<\/td>\n<td>\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0623\u0643\u062b\u0631 \u062a\u0639\u0642\u064a\u062f\u064b\u0627.<\/td>\n<\/tr>\n<tr>\n<td>\u0645\u062a\u063a\u064a\u0631\u0627\u062a CSS<\/td>\n<td>\u062e\u0635\u0627\u0626\u0635 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629.<\/td>\n<\/tr>\n<tr>\n<td>\u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0648\u0633\u0627\u0626\u0637 CSS<\/td>\n<td>\u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0634\u0631\u0637\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u062c\u0647\u0627\u0632.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u0637\u0631\u0642 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS) \u0648\u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0648\u062d\u0644\u0648\u0644\u0647\u0627 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/h2>\n<p>\u064a\u0639\u062f CSS \u062c\u0632\u0621\u064b\u0627 \u0644\u0627 \u064a\u062a\u062c\u0632\u0623 \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628\u060c \u0648\u0647\u0646\u0627\u0643 \u0637\u0631\u0642 \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647:<\/p>\n<ol>\n<li>\n<p><strong>CSS \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629:<\/strong> \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627 \u0647\u064a \u0625\u0646\u0634\u0627\u0621 \u0645\u0644\u0641 CSS \u0645\u0646\u0641\u0635\u0644 \u0648\u0631\u0628\u0637\u0647 \u0628\u0645\u0633\u062a\u0646\u062f HTML \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0644\u0641 <code data-no-translation=\"\">&lt;link&gt;<\/code> \u0639\u0646\u0635\u0631. \u0648\u0647\u0630\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u0646\u0645\u0637\u064a\u0629 \u0648\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\n<\/li>\n<li>\n<p><strong>CSS \u0627\u0644\u062f\u0627\u062e\u0644\u064a:<\/strong> \u064a\u0645\u0643\u0646\u0643 \u062a\u0636\u0645\u064a\u0646 CSS \u0645\u0628\u0627\u0634\u0631\u0629 \u0641\u064a \u0645\u0633\u062a\u0646\u062f HTML \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0644\u0641 <code data-no-translation=\"\">&lt;style&gt;<\/code> \u0639\u0646\u0635\u0631 \u062f\u0627\u062e\u0644 <code data-no-translation=\"\">&lt;head&gt;<\/code> \u0642\u0633\u0645. \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u062a\u0635\u0645\u064a\u0645 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0635\u063a\u064a\u0631\u060c \u0625\u0644\u0627 \u0623\u0646\u0647\u0627 \u0642\u062f \u0644\u0627 \u062a\u0643\u0648\u0646 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0635\u064a\u0627\u0646\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0643\u0628\u064a\u0631\u0629.<\/p>\n<\/li>\n<li>\n<p><strong>CSS \u0627\u0644\u0645\u0636\u0645\u0646\u0629:<\/strong> \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0639\u0646\u0627\u0635\u0631 HTML \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code data-no-translation=\"\">style<\/code> \u0627\u0644\u0633\u0645\u0629 \u0645\u0645\u0643\u0646\u0629 \u0648\u0644\u0643\u0646\u0647\u0627 \u0645\u062d\u0628\u0637\u0629 \u0628\u0633\u0628\u0628 \u0627\u0646\u062e\u0641\u0627\u0636 \u0642\u0627\u0628\u0644\u064a\u0629 \u0635\u064a\u0627\u0646\u062a\u0647\u0627 \u0648\u0627\u0646\u062e\u0641\u0627\u0636 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\n<\/li>\n<li>\n<p><strong>\u0645\u0639\u0627\u0644\u062c\u0627\u062a CSS \u0627\u0644\u0623\u0648\u0644\u064a\u0629:<\/strong> \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0637\u0648\u0631\u0648\u0646 \u0645\u0639\u0627\u0644\u062c\u0627\u062a CSS \u0627\u0644\u0645\u0633\u0628\u0642\u0629 \u0645\u062b\u0644 Sass \u0623\u0648 Less \u0623\u0648 Stylus \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u064a\u0632\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0645\u062b\u0644 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0648\u0627\u0644\u0648\u0638\u0627\u0626\u0641\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0646\u0638\u064a\u0645 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637.<\/p>\n<\/li>\n<li>\n<p><strong>\u0623\u0637\u0631 CSS:<\/strong> \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062f\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0637\u0631 \u0639\u0645\u0644 CSS \u0645\u062b\u0644 Bootstrap \u0623\u0648 Foundation \u0625\u0644\u0649 \u062a\u0633\u0631\u064a\u0639 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0645\u0643\u0648\u0646\u0627\u062a \u0648\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u0645\u0633\u0628\u0642\u064b\u0627.<\/p>\n<\/li>\n<\/ol>\n<p>\u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0646\u0634\u0623 \u0639\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 CSS \u0645\u0627 \u064a\u0644\u064a:<\/p>\n<ol>\n<li>\n<p><strong>\u062a\u0639\u0627\u0631\u0636\u0627\u062a \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629:<\/strong> \u0639\u0646\u062f\u0645\u0627 \u062a\u0633\u062a\u0647\u062f\u0641 \u0642\u0648\u0627\u0639\u062f CSS \u0645\u062a\u0639\u062f\u062f\u0629 \u0646\u0641\u0633 \u0627\u0644\u0639\u0646\u0635\u0631 \u0628\u062e\u0635\u0648\u0635\u064a\u0629 \u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0642\u062f \u062a\u0646\u0634\u0623 \u062a\u0639\u0627\u0631\u0636\u0627\u062a\u060c \u0648\u0642\u062f \u0644\u0627 \u064a\u062a\u0645 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629. \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0639\u062f \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0627\u062a \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0641\u0626\u0627\u062a \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0641\u064a \u062a\u062c\u0646\u0628 \u0645\u062b\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0645\u062a\u0635\u0641\u062d:<\/strong> \u0642\u062f \u062a\u0641\u0633\u0631 \u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0642\u0648\u0627\u0639\u062f CSS \u0628\u0634\u0643\u0644 \u0645\u062e\u062a\u0644\u0641\u060c \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0639\u0631\u0636 \u063a\u064a\u0631 \u0645\u062a\u0646\u0627\u0633\u0642. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0627\u062e\u062a\u0628\u0627\u0631 \u0628\u0627\u062f\u0626\u0627\u062a \u0627\u0644\u0628\u0627\u0626\u0639 \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0641\u064a \u062a\u062e\u0641\u064a\u0641 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629.<\/p>\n<\/li>\n<li>\n<p><strong>\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0623\u062f\u0627\u0621:<\/strong> \u064a\u0645\u0643\u0646 \u0644\u0645\u0644\u0641\u0627\u062a CSS \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0623\u0646 \u062a\u0628\u0637\u0626 \u0623\u0648\u0642\u0627\u062a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062f\u064a \u062a\u0635\u063a\u064a\u0631 \u0645\u0644\u0641\u0627\u062a CSS \u0648\u0636\u063a\u0637\u0647\u0627 \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621.<\/p>\n<\/li>\n<li>\n<p><strong>\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u062c\u064a\u0628:<\/strong> \u064a\u062a\u0637\u0644\u0628 \u0625\u0646\u0634\u0627\u0621 \u062a\u062e\u0637\u064a\u0637\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u062a\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u062c\u064a\u062f \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u062a\u062e\u0637\u064a\u0637\u064b\u0627 \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u064b\u0627 \u062f\u0642\u064a\u0642\u064b\u0627.<\/p>\n<\/li>\n<\/ol>\n<h2>\u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0645\u0642\u0627\u0631\u0646\u0627\u062a \u0623\u062e\u0631\u0649 \u0645\u0639 \u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0645\u0645\u0627\u062b\u0644\u0629 \u0641\u064a \u0634\u0643\u0644 \u062c\u062f\u0627\u0648\u0644 \u0648\u0642\u0648\u0627\u0626\u0645.<\/h2>\n<table>\n<thead>\n<tr>\n<th>CSS \u0645\u0642\u0627\u0628\u0644 HTML<\/th>\n<th>CSS (\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629)<\/th>\n<th>HTML (\u0644\u063a\u0629 \u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0646\u0635 \u0627\u0644\u062a\u0634\u0639\u0628\u064a)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u063a\u0627\u064a\u0629<\/td>\n<td>\u064a\u062a\u062d\u0643\u0645 \u0641\u064a \u0639\u0631\u0636 \u0648\u062a\u062e\u0637\u064a\u0637 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628.<\/td>\n<td>\u064a\u062d\u062f\u062f \u0647\u064a\u0643\u0644 \u0648\u0645\u062d\u062a\u0648\u0649 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628.<\/td>\n<\/tr>\n<tr>\n<td>\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/td>\n<td>\u064a\u0633\u062a\u062e\u062f\u0645 \u0644\u062a\u0635\u0645\u064a\u0645 \u0639\u0646\u0627\u0635\u0631 HTML \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0645\u0631\u0626\u064a\u0629.<\/td>\n<td>\u064a\u0633\u062a\u062e\u062f\u0645 \u0644\u0625\u0646\u0634\u0627\u0621 \u0647\u064a\u0643\u0644 \u0648\u0645\u062d\u062a\u0648\u0649 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628.<\/td>\n<\/tr>\n<tr>\n<td>\u0628\u0646\u0627\u0621 \u0627\u0644\u062c\u0645\u0644\u0629<\/td>\n<td>\u062a\u062a\u0623\u0644\u0641 \u0645\u0646 \u0645\u062d\u062f\u062f\u0627\u062a \u0648\u0623\u0632\u0648\u0627\u062c \u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a.<\/td>\n<td>\u062a\u062a\u0623\u0644\u0641 \u0645\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0630\u0627\u062a \u0627\u0644\u0633\u0645\u0627\u062a.<\/td>\n<\/tr>\n<tr>\n<td>\u0627\u0645\u062a\u062f\u0627\u062f \u0627\u0644\u0645\u0644\u0641<\/td>\n<td>.CSS<\/td>\n<td>.\u0644\u063a\u0629 \u0627\u0644\u0628\u0631\u0645\u062c\u0629<\/td>\n<\/tr>\n<tr>\n<td>\u0645\u062b\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/td>\n<td>\u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u062e\u0637\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0647\u0648\u0627\u0645\u0634\u060c \u0648\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629.<\/td>\n<td>\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0641\u0642\u0631\u0627\u062a \u0648\u0627\u0644\u0635\u0648\u0631 \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648\u0645\u0627 \u0625\u0644\u0649 \u0630\u0644\u0643.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u0648\u062c\u0647\u0627\u062a \u0646\u0638\u0631 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS).<\/h2>\n<p>\u0645\u0646 \u0627\u0644\u0645\u0631\u062c\u062d \u0623\u0646 \u064a\u0631\u0643\u0632 \u0645\u0633\u062a\u0642\u0628\u0644 CSS \u0639\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0642\u062f\u0631\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645. \u062a\u0634\u0645\u0644 \u0628\u0639\u0636 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0645\u0627 \u064a\u0644\u064a:<\/p>\n<ol>\n<li>\n<p><strong>CSS4 \u0648\u0645\u0627 \u0628\u0639\u062f\u0647\u0627:<\/strong> \u0633\u0648\u0641 \u062a\u0633\u062a\u0645\u0631 \u0645\u0648\u0627\u0635\u0641\u0627\u062a CSS \u0641\u064a \u0627\u0644\u062a\u0637\u0648\u0631\u060c \u062d\u064a\u062b \u0633\u062a\u0642\u062f\u0645 \u0648\u062d\u062f\u0627\u062a \u0648\u0645\u064a\u0632\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628.<\/p>\n<\/li>\n<li>\n<p><strong>CSS-\u0641\u064a-JS:<\/strong> \u0625\u0646 \u0627\u0639\u062a\u0645\u0627\u062f \u0623\u0633\u0627\u0644\u064a\u0628 CSS-in-JS\u060c \u062d\u064a\u062b \u062a\u062a\u0645 \u0643\u062a\u0627\u0628\u0629 CSS \u0645\u0628\u0627\u0634\u0631\u0629 \u0641\u064a JavaScript\u060c \u064a\u0643\u062a\u0633\u0628 \u0634\u0639\u0628\u064a\u0629. \u064a\u0648\u0641\u0631 \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u0646\u0645\u0637\u064a\u0629 \u0648\u062a\u063a\u0644\u064a\u0641\u064b\u0627 \u0648\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0623\u0641\u0636\u0644 \u0641\u064a \u0627\u0644\u0623\u062f\u0627\u0621.<\/p>\n<\/li>\n<li>\n<p><strong>\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0648\u064a\u0628:<\/strong> \u0633\u064a\u0624\u062b\u0631 \u062a\u0643\u0627\u0645\u0644 \u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0648\u064a\u0628\u060c \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0645\u063a\u0644\u0641\u0629 \u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0639\u0644\u0649 \u0628\u0646\u064a\u0629 CSS\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0623\u0646\u0645\u0627\u0637\u064b\u0627 \u0623\u0643\u062b\u0631 \u062a\u0646\u0638\u064a\u0645\u064b\u0627 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0635\u064a\u0627\u0646\u0629.<\/p>\n<\/li>\n<li>\n<p><strong>\u0647\u0648\u062f\u064a\u0646\u064a:<\/strong> \u064a\u0647\u062f\u0641 \u0645\u0634\u0631\u0648\u0639 \u0647\u0648\u062f\u064a\u0646\u064a \u0625\u0644\u0649 \u0643\u0634\u0641 \u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0623\u062f\u0646\u0649 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0647\u0645 \u0628\u0625\u0646\u0634\u0627\u0621 \u0645\u064a\u0632\u0627\u062a CSS \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0645 \u0648\u062a\u0648\u0633\u064a\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a CSS.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0648\u0627\u0644\u0633\u0645\u0627\u062a:<\/strong> \u0642\u062f \u062a\u0634\u0647\u062f CSS \u062a\u0637\u0648\u0631\u0627\u062a \u0641\u064a \u062f\u0639\u0645 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0645\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u062a\u0642\u062f\u0645\u064b\u0627.<\/p>\n<\/li>\n<\/ol>\n<h2>\u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644\u0629 \u0623\u0648 \u0631\u0628\u0637\u0647\u0627 \u0628\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS).<\/h2>\n<p>\u064a\u0645\u0643\u0646 \u0631\u0628\u0637 \u0627\u0644\u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644\u0629 \u0648CSS \u0628\u0637\u0631\u0642 \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u0648\u064a\u0628 \u0648\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646. \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0628\u0639\u0636 \u0627\u0644\u0633\u064a\u0646\u0627\u0631\u064a\u0648\u0647\u0627\u062a:<\/p>\n<ol>\n<li>\n<p><strong>\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u0624\u0642\u062a \u0648\u0627\u0644\u0623\u062f\u0627\u0621:<\/strong> \u064a\u0645\u0643\u0646 \u0644\u0644\u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644\u0629 \u062a\u062e\u0632\u064a\u0646 \u0645\u0644\u0641\u0627\u062a CSS \u0645\u0624\u0642\u062a\u064b\u0627\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0627\u0644\u062d\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645 \u0627\u0644\u0623\u0635\u0644\u064a \u0648\u064a\u0633\u0631\u0639 \u0639\u0645\u0644\u064a\u0627\u062a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0644\u0627\u062d\u0642\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/p>\n<\/li>\n<li>\n<p><strong>\u062a\u0635\u063a\u064a\u0631 CSS:<\/strong> \u064a\u0645\u0643\u0646 \u0644\u0644\u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644\u0629 \u0625\u062c\u0631\u0627\u0621 \u062a\u0635\u063a\u064a\u0631 CSS \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u064a\u062d\u0633\u0646 \u0623\u0648\u0642\u0627\u062a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629.<\/p>\n<\/li>\n<li>\n<p><strong>\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649:<\/strong> \u064a\u0645\u0643\u0646 \u0644\u0644\u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644\u0629 \u062a\u0633\u0644\u064a\u0645 \u0645\u0644\u0641\u0627\u062a CSS \u0645\u0646 \u0645\u0648\u0627\u0642\u0639 \u0645\u0648\u0632\u0639\u0629 \u062c\u063a\u0631\u0627\u0641\u064a\u064b\u0627\u060c \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0623\u0648\u0642\u0627\u062a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\n<\/li>\n<li>\n<p><strong>\u062d\u0645\u0627\u064a\u0629:<\/strong> \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0645\u0644 \u0627\u0644\u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644\u0629 \u0643\u0637\u0628\u0642\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0645\u0627\u0646\u060c \u062d\u064a\u062b \u062a\u0642\u0648\u0645 \u0628\u062a\u0635\u0641\u064a\u0629 \u0631\u0645\u0648\u0632 CSS \u0627\u0644\u0636\u0627\u0631\u0629 \u0648\u062d\u0638\u0631\u0647\u0627 \u0623\u0648 \u0645\u0646\u0639 \u0628\u0639\u0636 \u0627\u0644\u0647\u062c\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0629 \u0625\u0644\u0649 CSS \u0645\u062b\u0644 \u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0646\u0635\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 (XSS).<\/p>\n<\/li>\n<li>\n<p><strong>\u062e\u0635\u0648\u0635\u064a\u0629:<\/strong> \u064a\u0645\u0643\u0646 \u0644\u0644\u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644\u0629 \u0625\u062e\u0641\u0627\u0621 \u0639\u0646\u0627\u0648\u064a\u0646 IP \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0645\u0633\u062a\u0648\u0649 \u0645\u0646 \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u062a\u0635\u0641\u062d \u0627\u0644\u0648\u064a\u0628\u060c \u0648\u0647\u0648 \u0645\u0627 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0645\u0641\u064a\u062f\u064b\u0627 \u0641\u064a \u0627\u0644\u0628\u0644\u062f\u0627\u0646 \u0627\u0644\u062a\u064a \u0644\u062f\u064a\u0647\u0627 \u0644\u0648\u0627\u0626\u062d \u0635\u0627\u0631\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0623\u0648 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0631\u063a\u0628\u0648\u0646 \u0641\u064a \u062d\u0645\u0627\u064a\u0629 \u0647\u0648\u064a\u062a\u0647\u0645.<\/p>\n<\/li>\n<\/ol>\n<h2>\u0631\u0648\u0627\u0628\u0637 \u0630\u0627\u062a \u0639\u0644\u0627\u0642\u0629<\/h2>\n<p>\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062d\u0648\u0644 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u062a\u062a\u0627\u0644\u064a\u0629 (CSS)\u060c \u0641\u0643\u0631 \u0641\u064a \u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u062a\u0627\u0644\u064a\u0629:<\/p>\n<ol>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\" target=\"_new\" rel=\"noopener nofollow\">MDN Web Docs - CSS<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_new\" rel=\"noopener nofollow\">W3Schools - \u062f\u0631\u0648\u0633 CSS<\/a><\/li>\n<li><a href=\"https:\/\/css-tricks.com\/\" target=\"_new\" rel=\"noopener nofollow\">\u062d\u064a\u0644 CSS<\/a><\/li>\n<li><a href=\"https:\/\/css-weekly.com\/\" target=\"_new\" rel=\"noopener nofollow\">CSS \u0648\u064a\u0643\u0644\u064a<\/a><\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/category\/css\/\" target=\"_new\" rel=\"noopener nofollow\">\u0645\u062c\u0644\u0629 \u062a\u062d\u0637\u064a\u0645 \u2013 CSS<\/a><\/li>\n<\/ol>\n<p>\u0623\u062b\u0646\u0627\u0621 \u062a\u0639\u0645\u0642\u0643 \u0641\u064a \u0639\u0627\u0644\u0645 Cascading Stylesheets\u060c \u0633\u062a\u0643\u062a\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0648\u0641\u0631\u0647\u0627 \u0644\u0625\u0646\u0634\u0627\u0621 \u062a\u062c\u0627\u0631\u0628 \u0648\u064a\u0628 \u062c\u0645\u064a\u0644\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0648\u062c\u0630\u0627\u0628\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0645\u0628\u062a\u062f\u0626\u064b\u0627 \u0623\u0648 \u0645\u0637\u0648\u0631\u064b\u0627 \u0630\u0627 \u062e\u0628\u0631\u0629\u060c \u0641\u0625\u0646 \u0625\u062a\u0642\u0627\u0646 CSS \u0633\u064a\u0639\u0632\u0632 \u0628\u0644\u0627 \u0634\u0643 \u0642\u062f\u0631\u062a\u0643 \u0639\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0627\u0642\u0639 \u0648\u064a\u0628 \u0645\u0630\u0647\u0644\u0629 \u062a\u062a\u0631\u0643 \u0627\u0646\u0637\u0628\u0627\u0639\u064b\u0627 \u062f\u0627\u0626\u0645\u064b\u0627 \u0644\u062f\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/p>","protected":false},"featured_media":467830,"menu_order":0,"template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"class_list":["post-476181","wiki","type-wiki","status-publish","has-post-thumbnail","hentry"],"acf":{"faq_title":"Frequently Asked Questions about <mark>Cascading Stylesheets (CSS)<\/mark>","faq_items":[{"question":"What is Cascading Stylesheets (CSS)?","answer":"<p>Cascading Style Sheets (CSS) is a crucial technology used in web development to control the visual appearance and layout of HTML documents. It allows web developers to separate the content of a website from its design, enabling easy and efficient updates to the site's appearance.<\/p>"},{"question":"How did CSS originate, and when was it first introduced?","answer":"<p>CSS was first proposed by H\u00e5kon Wium Lie and Bert Bos, members of the World Wide Web Consortium (W3C), in 1994. The first official mention of CSS came with the release of CSS level 1 (CSS1) in 1996 as part of the W3C's recommendations.<\/p>"},{"question":"What does CSS do and how does it work?","answer":"<p>CSS operates on the principle of cascading, allowing multiple style sheets to be applied to the same HTML document. The styles are combined based on their specificity and order of application. CSS uses selectors to target HTML elements and applies styles through property-value pairs within a declaration block.<\/p>"},{"question":"What are the key features of CSS?","answer":"<p>CSS offers a range of essential features, including cascading nature, modularity, responsive design, cross-browser compatibility, animations, and layout systems like Flexbox and Grid.<\/p>"},{"question":"What types of CSS exist?","answer":"<p>Various types of CSS include CSS1, CSS2, CSS3, CSS Grid, CSS Flexbox, CSS Transitions, CSS Animations, CSS Variables, and CSS Media Queries.<\/p>"},{"question":"How can CSS be used, and what problems may arise?","answer":"<p>CSS can be used externally through a separate file or internally within the <code>&lt;style&gt;<\/code> element of an HTML document. Problems may arise with specificity conflicts, browser compatibility, performance impact, and challenges in responsive design.<\/p>"},{"question":"What are the future perspectives of CSS?","answer":"<p>The future of CSS may involve CSS4 and beyond, CSS-in-JS approaches, web components, Houdini project, dark mode, and theming support.<\/p>"},{"question":"How can proxy servers be associated with CSS?","answer":"<p>Proxy servers can enhance CSS performance through caching, minification, content delivery, security, and privacy features.<\/p>"},{"question":"Where can I find more information about CSS?","answer":"<p>For more in-depth knowledge about CSS, you can explore resources like MDN Web Docs, W3Schools, CSS Tricks, CSS Weekly, and Smashing Magazine's CSS section. Additionally, OneProxy provides expert guidance on web development and CSS usage.<\/p>"}]},"_links":{"self":[{"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/wiki\/476181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/types\/wiki"}],"version-history":[{"count":0,"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/wiki\/476181\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/media\/467830"}],"wp:attachment":[{"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/media?parent=476181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}