{"id":8501,"date":"2023-10-07T23:54:12","date_gmt":"2023-10-07T16:54:12","guid":{"rendered":"https:\/\/teky.edu.vn\/blog\/?p=8501"},"modified":"2023-10-20T09:39:14","modified_gmt":"2023-10-20T02:39:14","slug":"scss-la-gi","status":"publish","type":"post","link":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/","title":{"rendered":"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS"},"content":{"rendered":"\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-top\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;8501&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;top&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;11&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this post&quot;,&quot;legend&quot;:&quot;5\\\/5 - (11 b\u00ecnh ch\u1ecdn)&quot;,&quot;size&quot;:&quot;24&quot;,&quot;title&quot;:&quot;SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS&quot;,&quot;width&quot;:&quot;142.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 142.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 19.2px;\">\n            5\/5 - (11 b\u00ecnh ch\u1ecdn)    <\/div>\n    <\/div>\n<p style=\"text-align: justify;\"><em>H\u1ea7u h\u1ebft c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean hi\u1ec7n nay \u0111\u1ec1u \u0111\u00e3 c\u00f3 nh\u1eefng ki\u1ebfn th\u1ee9c v\u1ec1 SASS, hay SCSS. Tuy nhi\u00ean \u0111\u00f3 l\u00e0 nh\u1eefng ng\u01b0\u1eddi \u0111\u00e3 theo \u0111u\u1ed5i c\u00f4ng vi\u1ec7c n\u00e0y l\u00e2u n\u0103m. C\u00f2n \u0111\u1ed1i v\u1edbi nh\u1eefng l\u1eadp tr\u00ecnh vi\u00ean m\u1edbi v\u00e0o ng\u00e0nh, th\u00ec \u0111\u00e2y v\u1eabn l\u00e0 nh\u1eefng kh\u00e1i ni\u1ec7m m\u1edbi m\u1ebb. \u0110\u1ec3 m\u1ecdi ng\u01b0\u1eddi c\u00f3 th\u1ec3 hi\u1ec3u h\u01a1n v\u1ec1 ch\u1ee7 \u0111\u1ec1 n\u00e0y, ch\u00fang t\u00f4i \u0111\u00e3 d\u00e0nh ri\u00eang b\u00e0i vi\u1ebft ng\u00e0y h\u00f4m nay \u0111\u1ec3 gi\u1ea3i \u0111\u00e1p. <strong>V\u1eady SASS, SCSS l\u00e0 g\u00ec?<\/strong> Ch\u00fang ta h\u00e3y c\u00f9ng nhau t\u00ecm hi\u1ec3u trong b\u00e0i vi\u1ebft ng\u00e0y h\u00f4m nay nh\u00e9!<\/em><\/p>\n<p><a href=\"https:\/\/lotrinhlaptrinh.teky.vn\/?utm_id=ContentBlog&amp;utm_medium=Click_Blog&amp;utm_source=ContentBlog\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-22416 size-full\" src=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2023\/10\/dang-ky-lap-trinh-teky.gif\" alt=\"dang-ky-lap-trinh\" width=\"600\" height=\"314\" \/><\/a><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">N\u1ed9i dung <\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#CSS_Preprocessor_la_gi\" >CSS Preprocessor l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#SASS_SCSS_la_gi\" >SASS, SCSS l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#SASS_la_gi\" >SASS l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#SCSS_la_gi\" >SCSS l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Cac_tinh_nang_co_ban_cua_SCSS\" >C\u00e1c t\u00ednh n\u0103ng c\u01a1 b\u1ea3n c\u1ee7a SCSS<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Xep_chong_Nested_Rules_%E2%80%93_SCSS_la_gi\" >X\u1ebfp ch\u1ed3ng (Nested Rules) &#8211; SCSS l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Bien_Variable\" >Bi\u1ebfn (Variable):<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Quy_tac_Mixin_%E2%80%93_SCSS_la_gi\" >Quy t\u1eafc Mixin &#8211; SCSS l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Ke_thua_Extends\" >K\u1ebf th\u1eeba (Extends):<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Import\" >Import:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Trinh_compile_SASS\" >Tr\u00ecnh compile SASS:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Vi_sao_ban_nen_chon_Hoc_Vien_Cong_Nghe_Teky_cho_con_phat_trien_ky_nang_lap_trinh\" >V\u00ec sao b\u1ea1n n\u00ean ch\u1ecdn H\u1ecdc Vi\u1ec7n C\u00f4ng Ngh\u1ec7 Teky cho con ph\u00e1t tri\u1ec3n k\u1ef9 n\u0103ng l\u1eadp tr\u00ecnh?<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Day_la_chuong_trinh_khong_chi_trang_bi_kien_thuc_lap_trinh_ma_con_ren_luyen_nhom_ky_nang_4Cs_Tre_se_duoc\" >\u0110\u00e2y l\u00e0 ch\u01b0\u01a1ng tr\u00ecnh kh\u00f4ng ch\u1ec9 trang b\u1ecb ki\u1ebfn th\u1ee9c l\u1eadp tr\u00ecnh m\u00e0 c\u00f2n r\u00e8n luy\u1ec7n nh\u00f3m k\u1ef9 n\u0103ng 4Cs. Tr\u1ebb s\u1ebd \u0111\u01b0\u1ee3c:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#Lien_he_ngay_hoc_vien_cong_nghe_sang_tao_TEKY_de_duoc_tu_van_khoa_hoc\" >Li\u00ean h\u1ec7 ngay h\u1ecdc vi\u1ec7n c\u00f4ng ngh\u1ec7 s\u00e1ng t\u1ea1o TEKY \u0111\u1ec3 \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n kh\u00f3a h\u1ecdc:<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"CSS_Preprocessor_la_gi\"><\/span>CSS Preprocessor l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Tr\u01b0\u1edbc khi \u0111\u1ebfn v\u1edbi nh\u1eefng gi\u1ea3i \u0111\u00e1p v\u1ec1 SASS, SCSS l\u00e0 g\u00ec? Ch\u00fang ta s\u1ebd c\u00f9ng nhau t\u00ecm hi\u1ec3u v\u1ec1 m\u1ed9t \u0111\u1ecbnh ngh\u0129a c\u01a1 b\u1ea3n \u0111\u00f3 ch\u00ednh l\u00e0 CSS Preprocessor. H\u1ea7u h\u1ebft c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean \u0111\u1ec1u ph\u1ea3i l\u00e0m vi\u1ec7c v\u1edbi n\u1ec1n t\u1ea3ng n\u00e0y. Th\u1eddi gian \u0111\u1ea7u th\u00ec c\u00f3 th\u1ec3 n\u00f3 c\u00f2n \u0111em \u0111\u1ebfn nh\u1eefng \u01b0u \u0111i\u1ec3m nh\u1ea5t \u0111\u1ecbnh. Nh\u01b0ng theo th\u1eddi gian, c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean s\u1ebd th\u1ea5y n\u00f3 v\u00f4 c\u00f9ng nh\u00e0m ch\u00e1n v\u00e0 kh\u00f3 c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng l\u00e2u d\u00e0i.<\/p>\n<figure id=\"attachment_8503\" aria-describedby=\"caption-attachment-8503\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8503\" src=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg\" alt=\"Gi\u1ea3i \u0111\u00e1p SCSS l\u00e0 g\u00ec\" width=\"650\" height=\"450\" srcset=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg 650w, https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi-400x277.jpg 400w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><figcaption id=\"caption-attachment-8503\" class=\"wp-caption-text\">Gi\u1ea3i \u0111\u00e1p SCSS l\u00e0 g\u00ec<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">CSS Preprocessor ch\u00ednh l\u00e0 m\u1ed9t ng\u00f4n ng\u1eef ti\u1ec1n x\u1eed l\u00fd CSS. N\u00f3 \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn l\u00e0 m\u1ed9t ng\u00f4n ng\u1eef k\u1ecbch b\u1ea3n m\u1edf r\u1ed9ng c\u1ee7a CSS v\u00e0 \u0111\u01b0\u1ee3c bi\u00ean d\u1ecbch th\u00e0nh c\u00e1c c\u00fa ph\u00e1p. T\u1eeb \u0111\u00f3 c\u00e1c b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng k\u1ecbch b\u1ea3n n\u00e0y \u0111\u1ec3 vi\u1ebft CSS nhanh ch\u00f3ng h\u01a1n v\u1edbi c\u1ea5u tr\u00fac r\u00f5 r\u00e0ng h\u01a1n. Th\u1ef1c t\u1ebf cho th\u1ea5y CSS Preprocessor c\u00f3 th\u1ec3 gi\u00fap c\u00e1c nh\u00e0 l\u1eadp tr\u00ecnh ti\u1ebft ki\u1ec7m nhi\u1ec1u th\u1eddi vi\u1ebft v\u00e0 b\u1ea3o tr\u00ec, ph\u00e1t tri\u1ec3n CSS h\u01a1n.<\/p>\n<p><em><strong>&gt;&gt;&gt;M\u1eddi b\u1ea1n \u0111\u1ecdc th\u00eam<\/strong>: <a href=\"https:\/\/teky.edu.vn\/blog\/css-la-gi\/\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;CSS l\u00e0 g\u00ec? L\u00fd do t\u1ea1i sao n\u00ean s\u1eed d\u1ee5ng CSS l\u00e0 g\u00ec b\u1ea1n c\u00f3 bi\u1ebft&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:4481,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:2,&quot;11&quot;:0,&quot;15&quot;:&quot;Arial&quot;}\">CSS l\u00e0 g\u00ec? L\u00fd do t\u1ea1i sao n\u00ean s\u1eed d\u1ee5ng CSS l\u00e0 g\u00ec b\u1ea1n c\u00f3 bi\u1ebft<\/span><\/a><\/em><\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"SASS_SCSS_la_gi\"><\/span>SASS, SCSS l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Sau khi \u0111\u00e3 t\u00ecm hi\u1ec3u v\u1ec1 CSS Preprocessor, ch\u00fang ta s\u1ebd c\u00f9ng \u0111\u1ebfn v\u1edbi nh\u1eefng \u0111\u1ecbnh ngh\u0129a SASS, SCSS l\u00e0 g\u00ec? Th\u1ef1c ra hai \u0111i\u1ec1u n\u00e0y kh\u00f4ng h\u1ec1 kh\u00e1c nhau l\u00e0 m\u1ea5y. N\u00f3 \u0111\u1ec1u \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn l\u00e0 m\u1ed9t ch\u01b0\u01a1ng tr\u00ecnh ti\u1ec1n x\u1eed l\u00fd CSS Preprocessor. N\u00f3i m\u1ed9t c\u00e1ch \u0111\u01a1n gi\u1ea3n, n\u00f3 gi\u00fap b\u1ea1n vi\u1ebft CSS theo c\u00e1ch c\u1ee7a m\u1ed9t ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh \u0111\u01a1n gi\u1ea3n. V\u1edbi s\u1ef1 m\u1ea1ch l\u1ea1c v\u1ec1 c\u1ea5u tr\u00fac, nh\u1eefng \u0111o\u1ea1n code \u0111\u01b0\u1ee3c vi\u1ebft ra s\u1ebd d\u1ec5 b\u1ea3o tr\u00ec h\u01a1n, d\u1ec5 ph\u00e1t tri\u1ec3n h\u01a1n.<\/p>\n<p style=\"text-align: justify;\">SASS, SCSS l\u00e0 g\u00ec \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a ch\u00ednh l\u00e0 nh\u01b0 v\u1eady. Tuy nhi\u00ean, \u0111\u00f3 ch\u01b0a ph\u1ea3i l\u00e0 t\u1ea5t c\u1ea3 khi n\u00f3i v\u1ec1 \u0111i\u1ec1u n\u00e0y. SASS v\u00e0 SCSS c\u00f2n c\u00f3 r\u1ea5t nhi\u1ec1u th\u01b0 vi\u1ec7n h\u1ed7 tr\u1ee3 k\u00e8m theo. T\u1eeb \u0111\u00f3 gi\u00fap b\u1ea1n vi\u1ebft code CSS m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng v\u00e0 \u0111\u01a1n gi\u1ea3n h\u01a1n bao gi\u1edd h\u1ebft. Tr\u00ean th\u1ef1c t\u1ebf, c\u00e1c nh\u00e0 l\u1eadp tr\u00ecnh s\u1ebd \u0111\u01b0\u1ee3c ti\u1ebfp c\u1eadn v\u1edbi r\u1ea5t nhi\u1ec1u lo\u1ea1i CSS Preprocessor trong \u0111\u00f3 bao g\u1ed3m SASS, Stylus hay LESS.<\/p>\n<figure id=\"attachment_8504\" aria-describedby=\"caption-attachment-8504\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8504\" src=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Lua-chon-SCSS-hay-SASS-de-su-dung.jpg\" alt=\"L\u1ef1a ch\u1ecdn SCSS hay SASS \u0111\u1ec3 s\u1eed d\u1ee5ng\" width=\"650\" height=\"450\" srcset=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Lua-chon-SCSS-hay-SASS-de-su-dung.jpg 650w, https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Lua-chon-SCSS-hay-SASS-de-su-dung-400x277.jpg 400w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><figcaption id=\"caption-attachment-8504\" class=\"wp-caption-text\">L\u1ef1a ch\u1ecdn SCSS hay SASS \u0111\u1ec3 s\u1eed d\u1ee5ng<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">V\u1ec1 b\u1ea3n ch\u1ea5t th\u00ec SASS hay SCSS \u0111\u1ec1u kh\u00e1 l\u00e0 gi\u1ed1ng nhau. Nh\u00ecn chung, ch\u00fang ch\u1ec9 kh\u00e1c nhau v\u1ec1 c\u00e1ch vi\u1ebft. C\u00f2n b\u1ea3n ch\u1ea5t c\u1ee7a hai \u0111i\u1ec1u n\u00e0y l\u00e0 ho\u00e0n to\u00e0n nh\u01b0 nhau. \u0110em \u0111\u1ebfn nh\u1eefng t\u00ednh n\u0103ng, \u01b0u \u0111i\u1ec3m gi\u1ed1ng nhau. Ch\u00fang ta s\u1ebd c\u00f9ng t\u00ecm hi\u1ec3u v\u1ec1 t\u1eebng lo\u1ea1i \u0111\u1ec3 hi\u1ec3u h\u01a1n v\u1ec1 ch\u1ee7 \u0111\u1ec1 n\u00e0y nh\u00e9!<\/p>\n<p><a href=\"https:\/\/lotrinhlaptrinh.teky.vn\/?utm_id=ContentBlog&amp;utm_medium=Click_Blog&amp;utm_source=ContentBlog\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-22417\" src=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2023\/10\/dang-ky-lap-trinh-teky1.gif\" alt=\"dang-ky-lap-trinh-teky1\" width=\"600\" height=\"314\" \/><\/a><\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"SASS_la_gi\"><\/span>SASS l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">B\u1ea3n th\u00e2n c\u1ee7a SASS ch\u00ednh l\u00e0 nh\u1eefng ch\u1eef c\u00e1i vi\u1ebft t\u1eaft c\u1ee7a Syntactically Awesome Style Sheets. \u0110\u00e2y ch\u00ednh l\u00e0 ch\u01b0\u01a1ng tr\u00ecnh ti\u1ec1n x\u1eed l\u00fd b\u1eb1ng ng\u00f4n ng\u1eef k\u1ecbch b\u1ea3n. N\u00f3 s\u1ebd \u0111\u01b0\u1ee3c bi\u00ean d\u1ecbch th\u00e0nh CSS. Khi c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean th\u1ef1c hi\u1ec7n s\u1ebd l\u00e0 style SASS sau \u0111\u00f3 s\u1ebd render vi\u1ec7c m\u00ecnh l\u00e0m th\u00e0nh file CSS.<\/p>\n<p style=\"text-align: justify;\">SASS c\u00f3 hai ki\u1ec3u vi\u1ebft kh\u00e1c nhau. M\u1ed9t ki\u1ec3u l\u00e0 HAML, Pug. N\u00f3 s\u1eed d\u1ee5ng indent c\u00e1ch th\u1ee5t \u0111\u1ea7u d\u00f2ng \u0111\u1ec3 ph\u00e2n t\u00e1ch c\u00e1c kh\u1ed1i code v\u1edbi nhau. Ngo\u00e0i ra n\u00f3 c\u0169ng s\u1eed d\u1ee5ng xu\u1ed1ng d\u00f2ng \u0111\u1ec3 ph\u00e2n bi\u1ec7t rules. Ph\u1ea7n m\u1edf r\u1ed9ng c\u1ee7a n\u00f3 l\u00e0 .sass.<\/p>\n<p><em><strong>&gt;&gt;&gt;M\u1eddi b\u1ea1n tham kh\u1ea3o th\u00eam:<\/strong> <a href=\"https:\/\/teky.edu.vn\/blog\/position-trong-css\/\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Position trong CSS c\u00f3 thu\u1ed9c t\u00ednh g\u00ec? 4 t\u00e0i li\u1ec7u v\u1ec1 CSS Position hay nh\u1ea5t&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:4481,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:2,&quot;11&quot;:0,&quot;15&quot;:&quot;Arial&quot;}\">Position trong CSS c\u00f3 thu\u1ed9c t\u00ednh g\u00ec? 4 t\u00e0i li\u1ec7u v\u1ec1 CSS Position hay nh\u1ea5t<\/span><\/a><\/em><\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"SCSS_la_gi\"><\/span>SCSS l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">SCSS \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn l\u00e0 s\u1eed d\u1ee5ng c\u00fa ph\u00e1p gi\u1ed1ng v\u1edbi Ruby. B\u1edfi l\u1ebd n\u00f3 \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf b\u1edfi ch\u00ednh x\u00e1c l\u1eadp tr\u00ecnh vi\u00ean Ruby. V\u1edbi ph\u1ea7n m\u1edf r\u1ed9ng l\u00e0 .scss, n\u00f3 \u0111\u01b0\u1ee3c cho ra \u0111\u1eddi sau SASS v\u00e0 c\u00f3 c\u00fa ph\u00e1p vi\u1ebft t\u01b0\u01a1ng t\u1ef1 nh\u01b0 c\u00e1ch vi\u1ebft CSS th\u00f4ng th\u01b0\u1eddng. Tuy nhi\u00ean, c\u00fa ph\u00e1p n\u00e0y l\u1ea1i c\u00f3 th\u1ec3 thu h\u1eb9p kho\u1ea3ng c\u00e1ch gi\u1eefa SASS v\u00e0 CSS b\u1eb1ng c\u00e1ch mang l\u1ea1i m\u00f4i tr\u01b0\u1eddng th\u00e2n thi\u1ec7n.<\/p>\n<p style=\"text-align: justify;\">N\u00f3i m\u1ed9t c\u00e1ch d\u1ec5 hi\u1ec3u, SCSS \u0111\u01b0\u1ee3c coi nh\u01b0 m\u1ed9t b\u1ea3n n\u00e2ng c\u1ea5p c\u1ee7a SASS khi vi\u1ebft CSS. N\u00f3 \u0111em t\u1edbi cho ng\u01b0\u1eddi d\u00f9ng m\u00f4i tr\u01b0\u1eddng l\u00e0m vi\u1ec7c th\u00e2n thi\u1ec7n, d\u1ec5 hi\u1ec3u h\u01a1n. \u0110\u00e2y ch\u00ednh l\u00e0 l\u00fd do m\u1eb7c d\u00f9 kh\u00e1 gi\u1ed1ng nhau nh\u01b0ng SCSS l\u1ea1i \u0111\u01b0\u1ee3c l\u1ef1a ch\u1ecdn. Khi b\u1ea1n h\u1ecfi v\u1ec1 SCSS l\u00e0 g\u00ec. Ng\u01b0\u1eddi ta v\u1eabn s\u1ebd gi\u1ea3i \u0111\u00e1p t\u1eeb SASS sau \u0111\u00f3 m\u1edbi \u0111\u1ebfn n\u1ec1n t\u1ea3ng n\u00e0y. B\u1edfi l\u1ebd ch\u00fang lu\u00f4n \u0111i song song v\u00e0 c\u00f3 li\u00ean quan \u0111\u1ebfn nhau, b\u1ed5 tr\u1ee3 cho nhau. C\u00e1c l\u1eadp tr\u00ecnh vi\u00ean l\u00e2u n\u0103m ho\u00e0n to\u00e0n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u1ea3 hai n\u1ec1n t\u1ea3ng n\u00e0y \u0111\u1ec3 vi\u1ebft CSS.<\/p>\n<figure id=\"attachment_8505\" aria-describedby=\"caption-attachment-8505\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8505\" src=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/SCSS-va-nhung-dieu-can-biet.jpg\" alt=\"SCSS v\u00e0 nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft\" width=\"650\" height=\"450\" srcset=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/SCSS-va-nhung-dieu-can-biet.jpg 650w, https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/SCSS-va-nhung-dieu-can-biet-400x277.jpg 400w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><figcaption id=\"caption-attachment-8505\" class=\"wp-caption-text\">SCSS v\u00e0 nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">C\u00e1c b\u1ea1n c\u00f3 th\u1ec3 t\u1ef1 m\u00ecnh tr\u1ea3i nghi\u1ec7m c\u1ea3 hai \u0111i\u1ec1u n\u00e0y \u0111\u1ec3 r\u00fat ra cho m\u00ecnh c\u00e1ch d\u00f9ng ph\u00f9 h\u1ee3p nh\u1ea5t. Tuy nhi\u00ean c\u1ea3 SASS hay SCSS \u0111\u1ec1u \u0111em \u0111\u1ebfn nh\u1eefng \u0111i\u1ec1u c\u00f3 \u00edch cho c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean. Nh\u1eafc \u0111\u1ebfn CSS, ng\u01b0\u1eddi ta s\u1ebd nh\u1eafc \u0111\u1ebfn c\u1ea3 hai \u0111i\u1ec1u n\u00e0y v\u00e0 l\u1ef1a ch\u1ecdn s\u1eed d\u1ee5ng. SASS, SCSS l\u00e0 g\u00ec \u0111\u01a1n gi\u1ea3n \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00fang t\u00f4i gi\u1ea3i \u0111\u00e1p tr\u00ean \u0111\u00e2y.<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Cac_tinh_nang_co_ban_cua_SCSS\"><\/span>C\u00e1c t\u00ednh n\u0103ng c\u01a1 b\u1ea3n c\u1ee7a SCSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">SCSS \u0111em \u0111\u1ebfn nh\u1eefng t\u00ednh n\u0103ng tuy\u1ec7t v\u1eddi d\u00e0nh cho ng\u01b0\u1eddi d\u00f9ng. V\u1edbi nh\u1eefng t\u00ednh n\u0103ng n\u00e0y, ch\u00fang ta \u0111\u1ec1u s\u1ebd th\u1ea5y \u0111\u01b0\u1ee3c \u0111i\u1ec3m kh\u00e1c bi\u1ec7t c\u1ee7a n\u00f3 v\u1edbi SASS. Ch\u00fang t\u00f4i \u0111\u00e3 t\u1ed5ng h\u1ee3p c\u00e1c b\u1ea1n tham kh\u1ea3o nh\u00e9!<\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Xep_chong_Nested_Rules_%E2%80%93_SCSS_la_gi\"><\/span>X\u1ebfp ch\u1ed3ng (Nested Rules) &#8211; SCSS l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">\u0110\u00e2y ch\u00ednh l\u00e0 m\u1ed9t t\u00ednh n\u0103ng \u0111\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 cao c\u1ee7a SCSS. T\u00ednh n\u0103ng n\u00e0y \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng r\u1ea5t th\u01b0\u1eddng xuy\u00ean trong vi\u1ec7c l\u1eadp tr\u00ecnh. C\u00e1c b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o nh\u1eefng \u0111o\u1ea1n code c\u00f3 d\u00f9ng t\u00ednh n\u0103ng n\u00e0y \u0111\u1ec3 nh\u1eadn ra s\u1ef1 kh\u00e1c bi\u1ec7t.<\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Bien_Variable\"><\/span>Bi\u1ebfn (Variable):<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">S\u1eed d\u1ee5ng bi\u1ebfn v\u1edbi SCSS v\u00f4 c\u00f9ng \u0111\u01a1n gi\u1ea3n v\u00e0 d\u1ec5 hi\u1ec3u. C\u00e1c b\u1ea1n ch\u1ec9 c\u1ea7n \u0111\u1eb7t t\u00ean cho bi\u1ebfn v\u00e0 b\u1eaft \u0111\u1ea7u b\u1eb1ng $. Bi\u1ebfn ch\u1ee9a \u0111\u1ef1ng c\u00e1c gi\u00e1 tr\u1ecb m\u00e0 ng\u01b0\u1eddi d\u00f9ng s\u1eed d\u1ee5ng nhi\u1ec1u l\u1ea7n. V\u00ed d\u1ee5 nh\u01b0 c\u00e1c m\u00e3 m\u00e0u, font ch\u1eef, ki\u1ec3u ch\u1eef,&#8230;<\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Quy_tac_Mixin_%E2%80%93_SCSS_la_gi\"><\/span>Quy t\u1eafc Mixin &#8211; SCSS l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">Mixin l\u00e0 m\u1ed9t trong nh\u1eefng t\u00ednh n\u0103ng ph\u1ea3i n\u00f3i \u0111\u1ebfn khi gi\u1ea3i \u0111\u00e1p SCSS l\u00e0 g\u00ec. \u0110i\u1ec1u n\u00e0y gi\u00fap cho ng\u01b0\u1eddi d\u00f9ng t\u1ea1o ra c\u00e1c h\u00e0m s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c trong n\u1ec1n t\u1ea3ng n\u00e0y. T\u1eeb \u0111\u00f3 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 truy\u1ec1n c\u00e1c tham s\u1ed1 v\u00e0o b\u00ean trong n\u00f3 \u0111\u1ec3 s\u1eed d\u1ee5ng. Mixin \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn l\u00e0 m\u1ed9t c\u01a1 ch\u1ebf kh\u00e1 ph\u1ed5 bi\u1ebfn trong SASS. C\u00f4ng d\u1ee5ng m\u00e0 Mixin \u0111em l\u1ea1i ch\u00ednh l\u00e0 mang nhi\u1ec1u thu\u1ed9c t\u00ednh \u0111\u00e3 quy \u01b0\u1edbc v\u00e0o m\u1ed9t th\u00e0nh ph\u1ea7n b\u1ea5t k\u1ef3.<\/p>\n<p><a href=\"https:\/\/lotrinhlaptrinh.teky.vn\/?utm_id=ContentBlog&amp;utm_medium=Click_Blog&amp;utm_source=ContentBlog\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-22422\" src=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2023\/10\/lap-trinh-cho-tre.gif\" alt=\"lap-trinh-cho-tre\" width=\"600\" height=\"314\" \/><\/a><\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Ke_thua_Extends\"><\/span>K\u1ebf th\u1eeba (Extends):<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">Khi nh\u1eafc \u0111\u1ebfn t\u00ednh n\u0103ng n\u00e0y, ng\u01b0\u1eddi d\u00f9ng s\u1ebd ngh\u0129 ngay \u0111\u1ebfn OOP. L\u1eadp tr\u00ecnh h\u01b0\u1edbng \u0111\u1ed1i t\u01b0\u1ee3ng v\u1edbi c\u00e1c class \u0111\u01b0\u1ee3c l\u1eadp s\u1eafn. Nh\u1eefng tag c\u1ea7n th\u00ec ng\u01b0\u1eddi d\u00f9ng ch\u1ec9 vi\u1ec7c @extend class v\u00e0o l\u00e0 ho\u00e0n ch\u1ec9nh.<\/p>\n<p>&gt;&gt;&gt; Xem th\u00eam:<a href=\"https:\/\/teky.edu.vn\/blog\/z-index-trong-css\/\"> <span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Z-index trong CSS l\u00e0 g\u00ec? \u01afu \u0111i\u1ec3m c\u1ee7a ch\u00fang l\u00e0 g\u00ec?&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:4481,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:2,&quot;11&quot;:0,&quot;15&quot;:&quot;Arial&quot;}\">Z-index trong CSS l\u00e0 g\u00ec? \u01afu \u0111i\u1ec3m c\u1ee7a ch\u00fang l\u00e0 g\u00ec?<\/span><\/a><\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Import\"><\/span>Import:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">T\u00ednh n\u0103ng n\u00e0y c\u1ee7a SCSS c\u0169ng c\u00f3 tr\u00ean c\u1ea3 SASS. C\u00fa ph\u00e1p n\u00e0y v\u00f4 c\u00f9ng h\u1eefu d\u1ee5ng v\u00e0 th\u01b0\u1eddng xuy\u00ean \u0111\u01b0\u1ee3c d\u00f9ng trong c\u00e1c project. N\u00f3 gi\u1ed1ng nh\u01b0 vi\u1ec7c b\u1ea1n require hay include file v\u00e0o c\u00e1c file kh\u00e1c.<\/p>\n<figure id=\"attachment_8506\" aria-describedby=\"caption-attachment-8506\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8506\" src=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Su-khac-nhau-giua-SASS-va-SCSS-la-gi.jpg\" alt=\"S\u1ef1 kh\u00e1c nhau gi\u1eefa SASS v\u00e0 SCSS l\u00e0 g\u00ec\" width=\"650\" height=\"450\" srcset=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Su-khac-nhau-giua-SASS-va-SCSS-la-gi.jpg 650w, https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Su-khac-nhau-giua-SASS-va-SCSS-la-gi-400x277.jpg 400w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><figcaption id=\"caption-attachment-8506\" class=\"wp-caption-text\">S\u1ef1 kh\u00e1c nhau gi\u1eefa SASS v\u00e0 SCSS l\u00e0 g\u00ec<\/figcaption><\/figure>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Trinh_compile_SASS\"><\/span>Tr\u00ecnh compile SASS:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">C\u00f3 kh\u00e1 nhi\u1ec1u tr\u00ecnh bi\u00ean d\u1ecbch SASS sang CSS thu\u1ea7n. Tuy nhi\u00ean, tr\u00ecnh bi\u00ean d\u1ecbch \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng kh\u00e1 nhi\u1ec1u hi\u1ec7n nay ch\u00ednh l\u00e0 Koala v\u00e0 Laravel Mix. Ch\u00fang t\u00f4i s\u1ebd gi\u1edbi thi\u1ec7u v\u1ec1 hai \u0111\u1ed1i t\u01b0\u1ee3ng n\u00e0y \u0111\u1ec3 c\u00e1c b\u1ea1n hi\u1ec3u h\u01a1n nh\u00e9!<\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\" aria-level=\"1\">Koala: \u0110\u00e2y l\u00e0 ph\u1ea7n m\u1ec1m d\u00f9ng \u0111\u1ec3 compile CSS Preprocessor nh\u01b0 SASS, LESS&#8230; m\u00ecnh kh\u00e1 th\u01b0\u1eddng d\u00f9ng n\u00f3 khi vi\u1ebft SASS.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Laravel Mix: N\u1ebfu b\u1ea1n \u0111ang l\u00e0m vi\u1ec7c v\u1edbi project Laravel th\u00ec b\u1ea1n ch\u1eb3ng c\u1ea7n \u0111\u1ebfn ph\u1ea7n m\u1ec1m th\u1ee9 3 n\u1eefa v\u00ec Laravel \u0111\u00e3 t\u00edch h\u1ee3p m\u1ed9t c\u00f4ng c\u1ee5 g\u1ecdi l\u00e0 Laravel Mix v\u1edbi r\u1ea5t nhi\u1ec1u t\u00ednh n\u0103ng, c\u00f3 th\u1ec3 compile c\u00e1c CSS Preprocessor sang CSS thu\u1ea7n l\u00e0 m\u1ed9t trong nh\u1eefng t\u00ednh n\u0103ng hay ho c\u1ee7a n\u00f3.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Ngo\u00e0i nh\u1eefng t\u00ednh n\u0103ng tr\u00ean th\u00ec SCSS hay SASS c\u0169ng c\u00f3 th\u00eam nhi\u1ec1u t\u00ednh n\u0103ng n\u1eefa. Nh\u01b0ng nh\u1eefng \u0111i\u1ec1u n\u00e0y th\u01b0\u1eddng ch\u1ec9 khi s\u1eed d\u1ee5ng m\u1edbi th\u1ef1c s\u1ef1 th\u1ea5y r\u00f5 \u0111\u01b0\u1ee3c \u01b0u \u0111i\u1ec3m. Ch\u00ednh v\u00ec th\u1ebf ch\u00fang t\u00f4i ngh\u0129 r\u1eb1ng c\u00e1c b\u1ea1n v\u1eabn n\u00ean s\u1eed d\u1ee5ng \u0111\u1ec3 c\u00f3 th\u1ec3 l\u00fd gi\u1ea3i nh\u1eefng t\u00ednh n\u0103ng c\u1ee7a SCSS l\u00e0 g\u00ec.<\/p>\n<p style=\"text-align: justify;\">C\u00f3 th\u1ec3 n\u00f3i, nh\u1eefng th\u00f4ng tin gi\u1ea3i \u0111\u00e1p v\u1ec1 SCSS l\u00e0 g\u00ec \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00fang t\u00f4i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn tr\u00ean \u0111\u00e2y. Kh\u00f4ng ch\u1ec9 c\u00f3 SCSS m\u00e0 ngay c\u1ea3 SASS c\u0169ng \u0111\u01b0\u1ee3c l\u00fd gi\u1ea3i v\u00f4 c\u00f9ng c\u1eb7n k\u1ebd. Hai n\u1ec1n t\u1ea3ng n\u00e0y lu\u00f4n \u0111i c\u00f9ng song song v\u1edbi nhau. M\u1eb7c d\u00f9 t\u00ednh n\u0103ng kh\u00e1c gi\u1ed1ng nhau, tuy nhi\u00ean v\u1ec1 c\u00e1ch s\u1eed d\u1ee5ng l\u1ea1i c\u00f3 s\u1ef1 \u0111\u1ed5i m\u1edbi. C\u00e1c b\u1ea1n h\u00e3y t\u00ecm hi\u1ec3u v\u1ec1 t\u1eebng \u0111\u1ed1i t\u01b0\u1ee3ng \u0111\u1ec3 l\u1ef1a ch\u1ecdn s\u1eed d\u1ee5ng ch\u00ednh x\u00e1c nh\u1ea5t nh\u00e9!<\/p>\n<p style=\"text-align: justify;\">C\u1ea3m \u01a1n c\u00e1c b\u1ea1n \u0111\u00e3 \u0111\u00f3n \u0111\u1ecdc b\u00e0i vi\u1ebft h\u00f4m nay. Tr\u00ean trang ch\u1ee7 c\u1ee7a ch\u00fang t\u00f4i c\u00f2n c\u00f3 nh\u1eefng b\u00e0i vi\u1ebft kh\u00e1c thu\u1ed9c ch\u1ee7 \u0111\u1ec3 IT. C\u00e1c b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o v\u1ec1 <a href=\"https:\/\/teky.edu.vn\/blog\/cong-ty-it\/\" rel=\"\u201dnofollow\u201d\">c\u00f4ng ty IT<\/a> ngay h\u00f4m nay.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Vi_sao_ban_nen_chon_Hoc_Vien_Cong_Nghe_Teky_cho_con_phat_trien_ky_nang_lap_trinh\"><\/span><span style=\"font-size: 24px; color: #339966;\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;C\u00f9ng T\u00ecm Hi\u1ec3u V\u1ec1 Teky H\u1ecdc Vi\u1ec7n 5 sao \u0110\u00e0o T\u1ea1o Tr\u1ebb Em H\u1ecdc L\u1eadp Tr\u00ecnh (4-18 tu\u1ed5i)&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:17153,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0,&quot;17&quot;:1}\">V\u00ec sao b\u1ea1n n\u00ean ch\u1ecdn H\u1ecdc Vi\u1ec7n C\u00f4ng Ngh\u1ec7 Teky cho con ph\u00e1t tri\u1ec3n k\u1ef9 n\u0103ng l\u1eadp tr\u00ecnh?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><iframe loading=\"lazy\" title=\"H\u1ecdc l\u1eadp tr\u00ecnh tr\u1ebb em \u1edf \u0111\u00e2u? - Gi\u1edbi thi\u1ec7u h\u1ecdc vi\u1ec7n c\u00f4ng ngh\u1ec7 TEKY h\u00e0ng \u0111\u1ea7u Vi\u1ec7t Nam\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kGgr0XJAxFM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><strong>TEKY l\u00e0 H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7<\/strong> v\u1edbi ch\u01b0\u01a1ng tr\u00ecnh gi\u1ea3ng d\u1ea1y STEAM (Science \u2013 Technology \u2013 Engineering \u2013 Art \u2013 Mathematics) theo chu\u1ea9n M\u1ef9 \u0111\u1ea7u ti\u00ean t\u1ea1i Vi\u1ec7t Nam d\u00e0nh cho tr\u1ebb em t\u1eeb 4 \u0111\u1ebfn 18 tu\u1ed5i.<\/p>\n<p>\u0110\u01b0\u1ee3c th\u00e0nh l\u1eadp v\u00e0o th\u00e1ng 6 n\u0103m 2016, TEKY quy\u1ebft t\u00e2m th\u1ef1c hi\u1ec7n s\u1ee9 m\u1ec7nh mang \u0111\u1ebfn cho th\u1ebf h\u1ec7 tr\u1ebb Vi\u1ec7t Nam ki\u1ebfn th\u1ee9c to\u00e0n di\u1ec7n v\u1ec1 STEAM, \u0111\u1eb7c bi\u1ec7t l\u00e0 c\u00e1c t\u01b0 duy c\u00f4ng ngh\u1ec7, khoa h\u1ecdc m\u00e1y t\u00ednh v\u00e0 k\u1ef9 n\u0103ng th\u1ebf k\u1ef7 21 \u2013 4Cs (Critical Thinking: T\u01b0 duy ph\u1ea3n bi\u1ec7n \u2013 Communication: Giao ti\u1ebfp \u2013 Creativity: S\u00e1ng t\u1ea1o \u2013 Collaboration: L\u00e0m vi\u1ec7c nh\u00f3m).<\/p>\n<figure id=\"attachment_14828\" aria-describedby=\"caption-attachment-14828\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/teky.edu.vn\/?utm_source=Blog&amp;utm_medium=baiviet\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-14828 size-full\" src=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/03\/Trai-nghiem-hoc-lap-trinh-mien-phi.jpg\" alt=\"Tr\u1ea3i nghi\u1ec7m h\u1ecdc l\u1eadp tr\u00ecnh mi\u1ec5n ph\u00ed\" width=\"600\" height=\"400\" srcset=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/03\/Trai-nghiem-hoc-lap-trinh-mien-phi.jpg 600w, https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/03\/Trai-nghiem-hoc-lap-trinh-mien-phi-400x267.jpg 400w, https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/03\/Trai-nghiem-hoc-lap-trinh-mien-phi-272x182.jpg 272w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-14828\" class=\"wp-caption-text\">Tr\u1ea3i nghi\u1ec7m h\u1ecdc l\u1eadp tr\u00ecnh mi\u1ec5n ph\u00ed<\/figcaption><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Day_la_chuong_trinh_khong_chi_trang_bi_kien_thuc_lap_trinh_ma_con_ren_luyen_nhom_ky_nang_4Cs_Tre_se_duoc\"><\/span>\u0110\u00e2y l\u00e0 ch\u01b0\u01a1ng tr\u00ecnh kh\u00f4ng ch\u1ec9 trang b\u1ecb ki\u1ebfn th\u1ee9c l\u1eadp tr\u00ecnh m\u00e0 c\u00f2n r\u00e8n luy\u1ec7n nh\u00f3m k\u1ef9 n\u0103ng 4Cs. Tr\u1ebb s\u1ebd \u0111\u01b0\u1ee3c:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ul>\n<li>\u00a0H\u1ecdc t\u01b0 duy ph\u1ea3n bi\u1ec7n th\u00f4ng qua vi\u1ec7c ph\u00e2n t\u00edch c\u00e1c v\u1ea5n \u0111\u1ec1.<\/li>\n<li>\u00a0H\u1ecdc t\u00ednh s\u00e1ng t\u1ea1o t\u01b0 duy Logic th\u00f4ng qua vi\u1ec7c l\u1eafp \u0111\u1eb7t v\u00e0 l\u1eadp tr\u00ecnh robot th \u00f4ng qua c\u00e1c m\u00f4 h\u00ecnh Lego Mindstorm, app tr\u00f2 ch\u01a1i. Gi\u00fap con h\u1ecdc gi\u1ecfi m\u00f4n To\u00e1n tr\u00ean l\u1edbp<\/li>\n<li>\u00a0K\u1ef9 n\u0103ng h\u1ee3p t\u00e1c th\u00f4ng qua c\u00e1c tr\u00f2 ch\u01a1i team-building, c\u00e1c d\u1ef1 \u00e1n nh\u00f3m tr\u00ean l\u1edbp.<\/li>\n<li>\u00a0Ph\u00e1t huy kh\u1ea3 n\u0103ng giao ti\u1ebfp hi\u1ec7u qu\u1ea3 b\u1eb1ng nhi\u1ec1u b\u00e0i t\u1eadp v\u00e0 ho\u1ea1t \u0111\u1ed9ng h\u1ea5p d\u1eabn.<\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" title=\"Shark Nguy\u1ec5n Ho\u00e0 B\u00ecnh \u0111\u1ed3ng h\u00e0nh c\u00f9ng con h\u1ecdc l\u1eadp tr\u00ecnh t\u1ea1i h\u1ecdc vi\u1ec7n c\u00f4ng ngh\u1ec7 Teky h\u00e0ng \u0111\u1ea7u Vi\u1ec7t Nam\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/q6QbqIs6ll8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>C\u00e1c b\u1ed9 m\u00f4n gi\u1ea3ng d\u1ea1y t\u1ea1i Teky g\u1ed3m: <span style=\"font-weight: 400;\">L\u1eadp tr\u00ecnh v\u00e0 ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">l\u1eadp tr\u00ecnh game<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">l\u1eadp tr\u00ecnh web v\u1edbi python<\/span> <span style=\"font-weight: 400;\">\u00a0<\/span><span style=\"font-weight: 400;\">L\u1eadp tr\u00ecnh Scratch<\/span> <span style=\"font-weight: 400;\">Robotics<\/span> Engineering, C\u00f4ng ngh\u1ec7 3D v\u00e0 MultiMedia. Ch\u00fang t\u00f4i tin r\u1eb1ng tr\u1ebb em Vi\u1ec7t Nam c\u00f3 c\u01a1 h\u1ed9i ph\u00e1t tri\u1ec3n m\u1ea1nh m\u1ebd trong m\u1ed9t n\u1ec1n kinh t\u1ebf s\u1ed1 v\u00e0 c\u1ea7n \u0111\u01b0\u1ee3c trang b\u1ecb s\u1eb5n s\u00e0ng \u0111\u1ec3 tr\u1edf th\u00e0nh nh\u1eefng doanh nh\u00e2n c\u00f4ng ngh\u1ec7 trong t\u01b0\u01a1ng lai.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Lien_he_ngay_hoc_vien_cong_nghe_sang_tao_TEKY_de_duoc_tu_van_khoa_hoc\"><\/span><span style=\"color: #008000;\"><b>Li\u00ean h\u1ec7 ngay h\u1ecdc vi\u1ec7n c\u00f4ng ngh\u1ec7 s\u00e1ng t\u1ea1o TEKY \u0111\u1ec3 \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n kh\u00f3a h\u1ecdc:<\/b><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cam k\u00eat 7 tu\u1ed5i c\u00f3 th\u1ec3 l\u1eadp tr\u00ecnh<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Top 10 d\u1ef1 \u00e1n gi\u00e1o d\u1ee5c c\u00f3 t\u1ea7m \u1ea3nh h\u01b0\u1edfng nh\u1ea5t \u0110\u00f4ng Nam \u00c1 2017 &amp; 2018<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Top 3 D\u1ef1 \u00e1n xu\u1ea5t s\u1eafc nh\u1ea5t, NextGen \u2013 Th\u1ee5y S\u0129<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00a0Hotline H\u00e0 N\u1ed9i: 024-7109-6668 | 0975-241-015<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00a0Hotline H\u1ed3 Ch\u00ed Minh: 028-7109 9948 | 097-900-8642<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Website <\/span><a href=\"https:\/\/teky.edu.vn\/\"><span style=\"font-weight: 400;\">https:\/\/teky.edu.vn<\/span><\/a><span style=\"font-weight: 400;\"> | Email: support@teky.edu.vn |<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">\n","protected":false},"excerpt":{"rendered":"<p>H\u1ea7u h\u1ebft c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean hi\u1ec7n nay \u0111\u1ec1u \u0111\u00e3 c\u00f3 nh\u1eefng ki\u1ebfn th\u1ee9c v\u1ec1 SASS, hay SCSS. Tuy nhi\u00ean \u0111\u00f3 l\u00e0 nh\u1eefng ng\u01b0\u1eddi \u0111\u00e3 theo \u0111u\u1ed5i c\u00f4ng vi\u1ec7c n\u00e0y l\u00e2u n\u0103m. C\u00f2n \u0111\u1ed1i v\u1edbi nh\u1eefng l\u1eadp tr\u00ecnh vi\u00ean m\u1edbi v\u00e0o ng\u00e0nh, th\u00ec \u0111\u00e2y v\u1eabn l\u00e0 nh\u1eefng kh\u00e1i ni\u1ec7m m\u1edbi m\u1ebb. \u0110\u1ec3 m\u1ecdi ng\u01b0\u1eddi c\u00f3 &hellip;<\/p>\n","protected":false},"author":10,"featured_media":8503,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"show_on_app":false,"footnotes":""},"categories":[28],"tags":[],"class_list":["post-8501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lap-trinh"],"acf":{"show_on_app":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.9 (Yoast SEO v26.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS<\/title>\n<meta name=\"description\" content=\"Gi\u1ea3i \u0111\u00e1p SACC, SCSS l\u00e0 g\u00ec \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00fang t\u00f4i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn trong b\u00e0i vi\u1ebft n\u00e0y. C\u00e1c b\u1ea1n h\u00e3y \u0111\u00f3n \u0111\u1ecdc v\u00e0 t\u00ecm hi\u1ec3u ngay trong b\u00e0i vi\u1ebft n\u00e0y nh\u00e9!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS\" \/>\n<meta property=\"og:description\" content=\"Gi\u1ea3i \u0111\u00e1p SACC, SCSS l\u00e0 g\u00ec \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00fang t\u00f4i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn trong b\u00e0i vi\u1ebft n\u00e0y. C\u00e1c b\u1ea1n h\u00e3y \u0111\u00f3n \u0111\u1ecdc v\u00e0 t\u00ecm hi\u1ec3u ngay trong b\u00e0i vi\u1ebft n\u00e0y nh\u00e9!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/\" \/>\n<meta property=\"og:site_name\" content=\"TEKY - H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TekyAcademy\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-07T16:54:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-20T02:39:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"650\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kh\u00e1nh Kim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SteamTeky\" \/>\n<meta name=\"twitter:site\" content=\"@SteamTeky\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kh\u00e1nh Kim\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/\"},\"author\":{\"name\":\"Kh\u00e1nh Kim\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/#\/schema\/person\/8f946d2123e4e2277107e392790a1bd6\"},\"headline\":\"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS\",\"datePublished\":\"2023-10-07T16:54:12+00:00\",\"dateModified\":\"2023-10-20T02:39:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/\"},\"wordCount\":2936,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg\",\"articleSection\":[\"IT - L\u1eadp tr\u00ecnh\"],\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/\",\"url\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/\",\"name\":\"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS\",\"isPartOf\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg\",\"datePublished\":\"2023-10-07T16:54:12+00:00\",\"dateModified\":\"2023-10-20T02:39:14+00:00\",\"description\":\"Gi\u1ea3i \u0111\u00e1p SACC, SCSS l\u00e0 g\u00ec \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00fang t\u00f4i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn trong b\u00e0i vi\u1ebft n\u00e0y. C\u00e1c b\u1ea1n h\u00e3y \u0111\u00f3n \u0111\u1ecdc v\u00e0 t\u00ecm hi\u1ec3u ngay trong b\u00e0i vi\u1ebft n\u00e0y nh\u00e9!\",\"breadcrumb\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#primaryimage\",\"url\":\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg\",\"contentUrl\":\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg\",\"width\":650,\"height\":450,\"caption\":\"Gi\u1ea3i \u0111\u00e1p SCSS l\u00e0 g\u00ec\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"IT - L\u1eadp tr\u00ecnh\",\"item\":\"https:\/\/teky.edu.vn\/blog\/lap-trinh\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/#website\",\"url\":\"https:\/\/teky.edu.vn\/blog\/\",\"name\":\"TEKY - H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7\",\"description\":\"Tr\u1ebb em c\u1ea7n h\u1ecdc l\u1eadp tr\u00ecnh\",\"publisher\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/teky.edu.vn\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/#organization\",\"name\":\"TEKY - H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7\",\"url\":\"https:\/\/teky.edu.vn\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/02\/logo-teky.png\",\"contentUrl\":\"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/02\/logo-teky.png\",\"width\":495,\"height\":234,\"caption\":\"TEKY - H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7\"},\"image\":{\"@id\":\"https:\/\/teky.edu.vn\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/TekyAcademy\",\"https:\/\/x.com\/SteamTeky\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/#\/schema\/person\/8f946d2123e4e2277107e392790a1bd6\",\"name\":\"Kh\u00e1nh Kim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/teky.edu.vn\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ab08c4bbf1d0787f26b32ab04d2cb7e329a3a082ea3dcb6ba78fb27076b856a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ab08c4bbf1d0787f26b32ab04d2cb7e329a3a082ea3dcb6ba78fb27076b856a9?s=96&d=mm&r=g\",\"caption\":\"Kh\u00e1nh Kim\"},\"url\":\"https:\/\/teky.edu.vn\/blog\/author\/kimkhanh\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS","description":"Gi\u1ea3i \u0111\u00e1p SACC, SCSS l\u00e0 g\u00ec \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00fang t\u00f4i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn trong b\u00e0i vi\u1ebft n\u00e0y. C\u00e1c b\u1ea1n h\u00e3y \u0111\u00f3n \u0111\u1ecdc v\u00e0 t\u00ecm hi\u1ec3u ngay trong b\u00e0i vi\u1ebft n\u00e0y nh\u00e9!","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:\/\/teky.edu.vn\/blog\/scss-la-gi\/","og_locale":"vi_VN","og_type":"article","og_title":"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS","og_description":"Gi\u1ea3i \u0111\u00e1p SACC, SCSS l\u00e0 g\u00ec \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00fang t\u00f4i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn trong b\u00e0i vi\u1ebft n\u00e0y. C\u00e1c b\u1ea1n h\u00e3y \u0111\u00f3n \u0111\u1ecdc v\u00e0 t\u00ecm hi\u1ec3u ngay trong b\u00e0i vi\u1ebft n\u00e0y nh\u00e9!","og_url":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/","og_site_name":"TEKY - H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7","article_publisher":"https:\/\/www.facebook.com\/TekyAcademy","article_published_time":"2023-10-07T16:54:12+00:00","article_modified_time":"2023-10-20T02:39:14+00:00","og_image":[{"width":650,"height":450,"url":"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg","type":"image\/jpeg"}],"author":"Kh\u00e1nh Kim","twitter_card":"summary_large_image","twitter_creator":"@SteamTeky","twitter_site":"@SteamTeky","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Kh\u00e1nh Kim","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"13 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#article","isPartOf":{"@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/"},"author":{"name":"Kh\u00e1nh Kim","@id":"https:\/\/teky.edu.vn\/blog\/#\/schema\/person\/8f946d2123e4e2277107e392790a1bd6"},"headline":"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS","datePublished":"2023-10-07T16:54:12+00:00","dateModified":"2023-10-20T02:39:14+00:00","mainEntityOfPage":{"@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/"},"wordCount":2936,"commentCount":0,"publisher":{"@id":"https:\/\/teky.edu.vn\/blog\/#organization"},"image":{"@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#primaryimage"},"thumbnailUrl":"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg","articleSection":["IT - L\u1eadp tr\u00ecnh"],"inLanguage":"vi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/","url":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/","name":"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS","isPartOf":{"@id":"https:\/\/teky.edu.vn\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#primaryimage"},"image":{"@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#primaryimage"},"thumbnailUrl":"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg","datePublished":"2023-10-07T16:54:12+00:00","dateModified":"2023-10-20T02:39:14+00:00","description":"Gi\u1ea3i \u0111\u00e1p SACC, SCSS l\u00e0 g\u00ec \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00fang t\u00f4i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn trong b\u00e0i vi\u1ebft n\u00e0y. C\u00e1c b\u1ea1n h\u00e3y \u0111\u00f3n \u0111\u1ecdc v\u00e0 t\u00ecm hi\u1ec3u ngay trong b\u00e0i vi\u1ebft n\u00e0y nh\u00e9!","breadcrumb":{"@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teky.edu.vn\/blog\/scss-la-gi\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#primaryimage","url":"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg","contentUrl":"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi.jpg","width":650,"height":450,"caption":"Gi\u1ea3i \u0111\u00e1p SCSS l\u00e0 g\u00ec"},{"@type":"BreadcrumbList","@id":"https:\/\/teky.edu.vn\/blog\/scss-la-gi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"IT - L\u1eadp tr\u00ecnh","item":"https:\/\/teky.edu.vn\/blog\/lap-trinh\/"},{"@type":"ListItem","position":2,"name":"SCSS l\u00e0 g\u00ec? Nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 SCSS, SASS"}]},{"@type":"WebSite","@id":"https:\/\/teky.edu.vn\/blog\/#website","url":"https:\/\/teky.edu.vn\/blog\/","name":"TEKY - H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7","description":"Tr\u1ebb em c\u1ea7n h\u1ecdc l\u1eadp tr\u00ecnh","publisher":{"@id":"https:\/\/teky.edu.vn\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/teky.edu.vn\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/teky.edu.vn\/blog\/#organization","name":"TEKY - H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7","url":"https:\/\/teky.edu.vn\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/teky.edu.vn\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/02\/logo-teky.png","contentUrl":"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/02\/logo-teky.png","width":495,"height":234,"caption":"TEKY - H\u1ecdc vi\u1ec7n s\u00e1ng t\u1ea1o c\u00f4ng ngh\u1ec7"},"image":{"@id":"https:\/\/teky.edu.vn\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/TekyAcademy","https:\/\/x.com\/SteamTeky"]},{"@type":"Person","@id":"https:\/\/teky.edu.vn\/blog\/#\/schema\/person\/8f946d2123e4e2277107e392790a1bd6","name":"Kh\u00e1nh Kim","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/teky.edu.vn\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ab08c4bbf1d0787f26b32ab04d2cb7e329a3a082ea3dcb6ba78fb27076b856a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ab08c4bbf1d0787f26b32ab04d2cb7e329a3a082ea3dcb6ba78fb27076b856a9?s=96&d=mm&r=g","caption":"Kh\u00e1nh Kim"},"url":"https:\/\/teky.edu.vn\/blog\/author\/kimkhanh\/"}]}},"thumbnail":"https:\/\/teky.edu.vn\/blog\/wp-content\/uploads\/2021\/08\/Giai-dap-SCSS-la-gi-400x277.jpg","_links":{"self":[{"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/posts\/8501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/comments?post=8501"}],"version-history":[{"count":3,"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/posts\/8501\/revisions"}],"predecessor-version":[{"id":22508,"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/posts\/8501\/revisions\/22508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/media\/8503"}],"wp:attachment":[{"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/media?parent=8501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/categories?post=8501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teky.edu.vn\/blog\/wp-json\/wp\/v2\/tags?post=8501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}