{"id":11834,"date":"2020-06-19T11:50:00","date_gmt":"2020-06-19T04:50:00","guid":{"rendered":"https:\/\/www.ducanhplus.com\/?p=11834"},"modified":"2020-06-19T11:50:00","modified_gmt":"2020-06-19T04:50:00","slug":"toi-uu-hoa-phan-phoi-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/","title":{"rendered":"T\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS trong t\u0103ng t\u1ed1c website"},"content":{"rendered":"\n<p>Ph\u00e2n ph\u1ed1i CSS l\u00e0 g\u00ec?<\/p>\n\n\n<ul><li>C\u00e1ch d\u00f9ng CSS \u0111\u1ec3 <a href=\"https:\/\/kiencang.net\/cach-trang-web-tai-va-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">render (hi\u1ec3n th\u1ecb) trang<\/a>;<\/li><li>Bao g\u1ed3m vi\u1ec7c s\u1eed d\u1ee5ng file CSS ngo\u00e0i (external), CSS n\u1ed9i b\u1ed9 (internal) ho\u1eb7c k\u1ebft h\u1ee3p c\u1ea3 hai.<\/li><\/ul>\n\n\n<p>Trang web c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng CSS theo nhi\u1ec1u c\u00e1ch kh\u00e1c nhau v\u00e0 ch\u00fang \u0111\u1ec1u ho\u1ea1t \u0111\u1ed9ng \u0111\u01b0\u1ee3c b\u00ecnh th\u01b0\u1eddng. V\u00ec n\u00f3 c\u00f3 nhi\u1ec1u c\u00e1ch s\u1eed d\u1ee5ng n\u00ean c\u0169ng t\u1ed3n t\u1ea1i nhi\u1ec1u c\u00e1ch thi\u1ebft l\u1eadp CSS kh\u00e1c nhau &amp; m\u1ed9t s\u1ed1 c\u00e1ch s\u1ebd t\u1ed1i \u01b0u h\u01a1n c\u00e1ch kh\u00e1c.<\/p>\n\n\n<p>D\u00f9 b\u1ea1n c\u00f3 \u0111ang thi\u1ebft l\u1eadp CSS tr\u00ean c\u00e1c trang web c\u1ee7a b\u1ea1n nh\u01b0 th\u1ebf n\u00e0o \u0111i n\u1eefa th\u00ec CSS c\u1ea7n ph\u1ea3i gi\u00fap trang c\u1ee7a b\u1ea1n hi\u1ec3n th\u1ecb (render) nhanh h\u01a1n ch\u1ee9 kh\u00f4ng n\u00ean l\u00e0m ch\u1eadm ch\u00fang \u0111i.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/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\" role=\"button\"><label for=\"item-6577d6d642706\" ><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><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d6d642706\"  type=\"checkbox\" id=\"item-6577d6d642706\"><\/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:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#Mot_so_vi_du_ve_%E2%80%9Ctoi_uu_hoa_phan_phoi_CSS%E2%80%9D\" title=\"M\u1ed9t s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 &#8220;t\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS&#8221;\">M\u1ed9t s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 &#8220;t\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS&#8221;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#File_CSS_ben_ngoai\" title=\"File CSS b\u00ean ngo\u00e0i\">File CSS b\u00ean ngo\u00e0i<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#Neu_ban_co_nhieu_hon_mot_file_CSS_the_thi_chung_can_phai_duoc_ket_hop_lai_de_tro_thanh_mot_file\" title=\"N\u1ebfu b\u1ea1n c\u00f3 nhi\u1ec1u h\u01a1n m\u1ed9t file CSS, th\u1ebf th\u00ec ch\u00fang c\u1ea7n ph\u1ea3i \u0111\u01b0\u1ee3c k\u1ebft h\u1ee3p l\u1ea1i \u0111\u1ec3 tr\u1edf th\u00e0nh m\u1ed9t file\">N\u1ebfu b\u1ea1n c\u00f3 nhi\u1ec1u h\u01a1n m\u1ed9t file CSS, th\u1ebf th\u00ec ch\u00fang c\u1ea7n ph\u1ea3i \u0111\u01b0\u1ee3c k\u1ebft h\u1ee3p l\u1ea1i \u0111\u1ec3 tr\u1edf th\u00e0nh m\u1ed9t file<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#CSS_noi_tuyen\" title=\"CSS n\u1ed9i tuy\u1ebfn\">CSS n\u1ed9i tuy\u1ebfn<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#Khong_su_dung_import_de_goi_cac_file_CSS\" title=\"Kh\u00f4ng s\u1eed d\u1ee5ng @import \u0111\u1ec3 g\u1ecdi c\u00e1c file CSS\">Kh\u00f4ng s\u1eed d\u1ee5ng @import \u0111\u1ec3 g\u1ecdi c\u00e1c file CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#Dung_noi_tuyen_cac_thuoc_tinh_CSS_vao_trong_phan_tu_HTML\" title=\"\u0110\u1eebng n\u1ed9i tuy\u1ebfn c\u00e1c thu\u1ed9c t\u00ednh CSS v\u00e0o trong ph\u1ea7n t\u1eed HTML\">\u0110\u1eebng n\u1ed9i tuy\u1ebfn c\u00e1c thu\u1ed9c t\u00ednh CSS v\u00e0o trong ph\u1ea7n t\u1eed HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#Thiet_ke_web\" title=\"Thi\u1ebft k\u1ebf web\">Thi\u1ebft k\u1ebf web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#Ket_luan\" title=\"K\u1ebft lu\u1eadn\">K\u1ebft lu\u1eadn<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"m\u1ed9t-s\u1ed1-vi-d\u1ee5-v\u1ec1-t\u1ed1i-\u01b0u-hoa-phan-ph\u1ed1i-css\"><span class=\"ez-toc-section\" id=\"Mot_so_vi_du_ve_%E2%80%9Ctoi_uu_hoa_phan_phoi_CSS%E2%80%9D\"><\/span>M\u1ed9t s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 &#8220;t\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/toi-uu-hoa-phan-phoi-CSS.png\" alt=\"t\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS\" class=\"wp-image-11835\"\/><\/figure><\/div>\n\n\n<p>Thi\u1ebft l\u1eadp CSS l\u00fd t\u01b0\u1edfng s\u1ebd l\u00e0 m\u1ed9t c\u00e1i g\u00ec \u0111\u00f3 tr\u00f4ng gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y n\u00e0y&#8230;<\/p>\n\n\n<ul><li>Kh\u00f4ng c\u00f3 CSS b\u00ean ngo\u00e0i n\u00e0o ho\u1eb7c ch\u1ec9 c\u00f3 m\u1ed9t CSS ngo\u00e0i c\u00f3 dung l\u01b0\u1ee3ng h\u1ee3p l\u00fd (\u00edt h\u01a1n 75 KB);<\/li><li><a href=\"https:\/\/kiencang.net\/noi-tuyen-cac-css-nho\/\" target=\"_blank\" rel=\"noreferrer noopener\">N\u1ed9i tuy\u1ebfn c\u00e1c \u0111o\u1ea1n CSS nh\u1ecf<\/a> v\u00e0o trong HTML s\u1eed d\u1ee5ng th\u1ebb style cho <a href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a>;<\/li><li>Kh\u00f4ng th\u1ef1c hi\u1ec7n c\u00e1c l\u1eddi g\u1ecdi @import cho CSS;<\/li><li>Kh\u00f4ng c\u00f3 CSS trong c\u00e1c ph\u1ea7n t\u1eeb HTML nh\u01b0 trong th\u1ebb div ho\u1eb7c h1 (CSS n\u1eb1m trong ph\u1ea7n t\u1eed\/in element CSS).<\/li><\/ul>\n\n\n<p>L\u00fd do thi\u1ebft l\u1eadp CSS tr\u00ean l\u00e0 l\u00fd t\u01b0\u1edfng b\u1edfi v\u00ec n\u00f3 s\u1ebd <a href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u1ed1i thi\u1ec3u h\u00f3a CSS ch\u1eb7n hi\u1ec3n th\u1ecb<\/a> v\u00e0 nh\u1edd v\u1eady trang s\u1ebd t\u1ea3i nhanh h\u01a1n r\u1ea5t nhi\u1ec1u.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n \u0111\u00e3 quen thu\u1ed9c v\u1edbi c\u00e1c d\u1ea1ng ph\u00e2n ph\u1ed1i CSS kh\u00e1c nhau, th\u1ebf th\u00ec b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 ph\u00e2n t\u00edch ph\u00e2n ph\u1ed1i CSS \u0111\u1ec3 c\u00f3 \u0111\u01b0\u1ee3c c\u00e1i nh\u00ecn t\u1ed5ng quan v\u1ec1 c\u00e1ch trang web c\u1ee7a b\u1ea1n \u0111ang s\u1eed d\u1ee5ng CSS.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n ch\u01b0a quen thu\u1ed9c, c\u0169ng \u0111\u1eebng v\u00ec th\u1ebf m\u00e0 s\u1ee3, t\u00f4i s\u1ebd gi\u1ea3i th\u00edch ch\u00fang b\u00ean d\u01b0\u1edbi (t\u00f4i h\u1ee9a l\u00e0 n\u00f3 s\u1ebd d\u1ec5 hi\u1ec3u h\u01a1n).<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"file-css-ben-ngoai\"><span class=\"ez-toc-section\" id=\"File_CSS_ben_ngoai\"><\/span>File CSS b\u00ean ngo\u00e0i<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>File CSS b\u00ean ngo\u00e0i l\u00e0 c\u00e1ch th\u1ee9c ch\u00ednh CSS \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng tr\u00ean c\u00e1c trang web, v\u00e0 r\u1ea5t c\u00f3 kh\u1ea3 n\u0103ng \u0111\u00e2y c\u0169ng l\u00e0 c\u00e1ch CSS tr\u00ean website c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c d\u00f9ng. Trong ph\u1ea7n \u0111\u1ea7u c\u1ee7a t\u00e0i li\u1ec7u HTML b\u1ea1n s\u1ebd th\u1ea5y m\u1ed9t \u0111o\u1ea1n m\u00e3 n\u00e0o \u0111\u00f3 tr\u00f4ng gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y&#8230;<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/kiencang.net\/main.css\" media=\"screen\" title=\"style (screen)\" \/><\/code><\/pre>\n\n\n<p>\u0110\u00e2y \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 &#8220;file&#8221; CSS c\u1ee7a b\u1ea1n v\u00e0 nh\u01b0ng ch\u00fang \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 &#8220;b\u00ean ngo\u00e0i&#8221; b\u1edfi v\u00ec c\u00e1c h\u01b0\u1edbng d\u1eabn CSS n\u00e0y n\u1eb1m trong m\u1ed9t file t\u00e1ch bi\u1ec7t v\u1edbi file HTML. <\/p>\n\n\n<p>Vi\u1ec7c c\u00f3 c\u00e1c file CSS ngo\u00e0i l\u00e0 c\u00e1ch th\u1ee9c th\u00f4ng th\u01b0\u1eddng \u0111\u1ec3 x\u1eed l\u00fd CSS v\u00e0 n\u00f3 \u0111em l\u1ea1i l\u1ee3i th\u1ebf \u1edf kh\u00eda c\u1ea1nh CSS <a href=\"https:\/\/kiencang.net\/bo-nho-dem-trinh-duyet\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f3 kh\u1ea3 n\u0103ng \u0111\u01b0\u1ee3c cache (ghi nh\u1edb) b\u1edfi tr\u00ecnh duy\u1ec7t web<\/a> (ngo\u00e0i ra l\u00e0 kh\u1ea3 n\u0103ng d\u00f9ng chung CSS gi\u1eefa c\u00e1c trang, gi\u00fap cho vi\u1ec7c ch\u1ec9nh s\u1eeda \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng h\u00e0ng lo\u1ea1t). <\/p>\n\n\n<p>V\u1ea5n \u0111\u1ec1 x\u1ea3y ra khi b\u1ea1n c\u00f3 nhi\u1ec1u t\u1ec7p n\u00e0y. Th\u1eadt kh\u00f4ng may, \u0111\u00e2y l\u1ea1i l\u00e0 tr\u01b0\u1eddng h\u1ee3p th\u01b0\u1eddng x\u1ea3y ra trong WordPress v\u00e0 c\u00e1c ki\u1ec3u giao di\u1ec7n kh\u00e1c.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"n\u1ebfu-b\u1ea1n-co-nhi\u1ec1u-h\u01a1n-m\u1ed9t-file-css-th\u1ebf-thi-chung-c\u1ea7n-ph\u1ea3i-d\u01b0\u1ee3c-k\u1ebft-h\u1ee3p-l\u1ea1i-d\u1ec3-tr\u1edf-thanh-m\u1ed9t-file\"><span class=\"ez-toc-section\" id=\"Neu_ban_co_nhieu_hon_mot_file_CSS_the_thi_chung_can_phai_duoc_ket_hop_lai_de_tro_thanh_mot_file\"><\/span>N\u1ebfu b\u1ea1n c\u00f3 nhi\u1ec1u h\u01a1n m\u1ed9t file CSS, th\u1ebf th\u00ec ch\u00fang c\u1ea7n ph\u1ea3i \u0111\u01b0\u1ee3c k\u1ebft h\u1ee3p l\u1ea1i \u0111\u1ec3 tr\u1edf th\u00e0nh m\u1ed9t file<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/ket-hop-css-1.png\" alt=\"k\u1ebft h\u1ee3p CSS\" class=\"wp-image-11836\"\/><\/figure><\/div>\n\n\n<p>Khi m\u00e0 b\u1ea1n c\u00f3 nhi\u1ec1u file CSS b\u00ean ngo\u00e0i, <a href=\"https:\/\/kiencang.net\/cach-trang-web-tai-va-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">tr\u00ecnh duy\u1ec7t s\u1ebd ph\u1ea3i t\u1ea3i t\u1eebng c\u00e1i xu\u1ed1ng tr\u01b0\u1edbc khi n\u00f3 c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb trang web<\/a> cho ng\u01b0\u1eddi d\u00f9ng. \u0110\u00e2y l\u00e0 nguy\u00ean nh\u00e2n t\u1ea1o ra nhi\u1ec1u v\u00f2ng l\u1eb7p \u0111\u1ec3 l\u1ea5y file CSS v\u00e0 h\u1ec7 qu\u1ea3 l\u00e0 trang web c\u1ee7a b\u1ea1n t\u1ea3i ch\u1eadm \u0111i. <\/p>\n\n\n<p>\u0110i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c thay \u0111\u1ed5i d\u1ec5 d\u00e0ng b\u1eb1ng c\u00e1ch k\u1ebft h\u1ee3p t\u1ea5t c\u1ea3 file CSS th\u00e0nh m\u1ed9t file duy nh\u1ea5t (trong WordPress, b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y d\u1ec5 d\u00e0ng b\u1eb1ng <a href=\"https:\/\/kiencang.net\/plugin-autoptimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin Autoptimize<\/a>, trong h\u1ea7u h\u1ebft c\u00e1c <a href=\"https:\/\/kiencang.net\/category\/cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin cache<\/a> tr\u1ea3 ph\u00ed b\u1ea1n c\u0169ng l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u n\u00e0y r\u1ea5t d\u1ec5 d\u00e0ng).<\/p>\n\n\n<ul><li>\u0110\u1ec3 bi\u1ebft b\u1ea1n c\u00f3 bao nhi\u00eau file CSS ngo\u00e0i tr\u00ean trang, b\u1ea1n h\u00e3y s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 nh\u01b0<a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\"> pagespeed.web.dev<\/a>.<\/li><li>\u0110\u1ec3 nh\u1eadn \u0111\u01b0\u1ee3c h\u01b0\u1edbng d\u1eabn v\u1ec1 c\u00e1ch k\u1ebft h\u1ee3p c\u00e1c file CSS b\u00ean ngo\u00e0i, h\u00e3y \u0111\u1ecdc b\u00e0i vi\u1ebft kh\u00e1c c\u1ee7a ch\u00fang t\u00f4i.<\/li><\/ul>\n\n\n<p class=\"has-luminous-vivid-amber-background-color has-background\"><strong>Li\u00ean h\u1ec7 v\u1edbi WordPress<\/strong>: vi\u1ec7c ch\u1ec9 c\u00f3 m\u1ed9t file CSS duy nh\u1ea5t nh\u1eb9 nh\u00e0ng tr\u00ean trang WordPress ng\u00e0y nay l\u00e0 r\u1ea5t kh\u00f3, nh\u1ea5t l\u00e0 tr\u00ean c\u00e1c trang c\u00f3 thi\u1ebft k\u1ebf ph\u1ee9c t\u1ea1p. Ngo\u00e0i ra v\u1edbi s\u1ef1 n\u00e2ng c\u1ea5p l\u00ean http\/2 vi\u1ec7c t\u1ea3i song song CSS gi\u1ea3m t\u1ed1i thi\u1ec3u nguy c\u01a1 ch\u1eadm do c\u00f3 nhi\u1ec1u CSS ngo\u00e0i. Ng\u00e0y n\u00e0y m\u1ed9t s\u1ed1 ng\u01b0\u1eddi khuy\u00ean r\u1eb1ng trong nhi\u1ec1u tr\u01b0\u1eddng h\u1ee3p b\u1ea1n <a href=\"https:\/\/kiencang.net\/bo-gop-minify-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">kh\u00f4ng n\u00ean g\u1ed9p to\u00e0n b\u1ed9 CSS th\u00e0nh m\u1ed9t file duy nh\u1ea5t<\/a>. \u0110i\u1ec1u n\u00e0y l\u00e0 h\u1ee3p l\u00fd, v\u00ec n\u00f3 s\u1ebd gi\u00fap <a href=\"https:\/\/kiencang.net\/preload-cache-broken-link-checker\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u1ea3i thi\u1ec7n th\u1eddi gian t\u1ea1o cache<\/a>, t\u0103ng kh\u1ea3 n\u0103ng file CSS \u0111\u00f3 \u0111\u00e3 \u0111\u01b0\u1ee3c cache t\u1eeb tr\u01b0\u1edbc trong tr\u00ecnh duy\u1ec7t c\u1ee7a ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"css-n\u1ed9i-tuy\u1ebfn\"><span class=\"ez-toc-section\" id=\"CSS_noi_tuyen\"><\/span>CSS n\u1ed9i tuy\u1ebfn<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/noi-tuyen-CSS.png\" alt=\"CSS n\u1ed9i tuy\u1ebfn\" class=\"wp-image-11837\"\/><\/figure><\/div>\n\n\n<p>CSS n\u1ed9i tuy\u1ebfn l\u00e0 c\u00e1c ch\u1ec9 d\u1eabn CSS \u0111\u01b0\u1ee3c bao g\u1ed3m lu\u00f4n trong ch\u00ednh t\u00e0i li\u1ec7u HTML. L\u1ee3i th\u1ebf ch\u00ednh c\u1ee7a ph\u01b0\u01a1ng ph\u00e1p n\u00e0y l\u00e0 n\u00f3 kh\u00f4ng c\u1ea7n l\u1ea5y th\u00eam file (b\u00ean ngo\u00e0i) tr\u01b0\u1edbc khi trang \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb. Tuy nhi\u00ean \u0111i\u1ec1u n\u00e0y ch\u1ec9 \u0111\u00fang khi m\u00e0 c\u00e1c ch\u1ec9 d\u1eabn CSS l\u00e0 <strong>nh\u1ecf g\u1ecdn<\/strong>. N\u1ebfu CSS c\u1ee7a b\u1ea1n l\u1edbn, \u0111\u00e2y kh\u00f4ng ph\u1ea3i l\u00e0 ph\u01b0\u01a1ng th\u1ee9c ph\u00f9 h\u1ee3p \u0111\u00e2u.<\/p>\n\n\n<p>\u0110\u1ecbnh d\u1ea1ng n\u1ed9i tuy\u1ebfn \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n b\u1eb1ng c\u00e1ch \u0111\u1eb7t c\u00e1c ch\u1ec9 d\u1eabn CSS v\u00e0o b\u00ean trong th\u1ebb <code>&lt;style><\/code> nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi&#8230;<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;style>\n\u0111\u1eb7t CSS \u1edf \u0111\u00e2y\n&lt;\/style><\/code><\/pre>\n\n\n<p>N\u1ed9i tuy\u1ebfn c\u00e1c \u0111o\u1ea1n CSS nh\u1ecf c\u00f3 th\u1ec3 th\u1ef1c s\u1ef1 <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u0103ng t\u1ed1c t\u1ea3i website trong tr\u00ecnh duy\u1ec7t<\/a>.<\/p>\n\n\n<ul><li>\u0110\u1ec3 xem trang web c\u1ee7a b\u1ea1n c\u00f3 s\u1eed d\u1ee5ng CSS n\u1ed9i tuy\u1ebfn hay kh\u00f4ng, b\u1ea1n h\u00e3y v\u00e0o xem m\u00e3 c\u1ee7a website.<\/li><li>\u0110\u1ec3 c\u00f3 \u0111\u01b0\u1ee3c c\u00e1c h\u01b0\u1edbng d\u1eabn v\u1ec1 <a href=\"https:\/\/kiencang.net\/noi-tuyen-cac-css-nho\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1ch n\u1ed9i tuy\u1ebfn CSS<\/a>, h\u00e3y \u0111\u1ecdc b\u00e0i vi\u1ebft trong link v\u1eeba d\u1eabn.<\/li><\/ul>\n\n\n<p class=\"has-luminous-vivid-amber-background-color has-background\"><strong>Li\u00ean h\u1ec7 v\u1edbi WordPress<\/strong>: trong WordPress, CSS n\u1ed9i tuy\u1ebfn hay \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng v\u1edbi <a href=\"https:\/\/kiencang.net\/critical-css-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Critical CSS<\/a>, t\u1ee9c l\u00e0 c\u00e1c CSS quan tr\u1ecdng cho vi\u1ec7c hi\u1ec3n th\u1ecb <a href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">n\u1ed9i dung trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a>.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"khong-s\u1eed-d\u1ee5ng-import-d\u1ec3-g\u1ecdi-cac-file-css\"><span class=\"ez-toc-section\" id=\"Khong_su_dung_import_de_goi_cac_file_CSS\"><\/span>Kh\u00f4ng s\u1eed d\u1ee5ng @import \u0111\u1ec3 g\u1ecdi c\u00e1c file CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/khong-su-dung-import-CSS.png\" alt=\"kh\u00f4ng s\u1eed d\u1ee5ng ph\u01b0\u01a1ng th\u1ee9c @import\" class=\"wp-image-11838\"\/><\/figure><\/div>\n\n\n<p>Ph\u01b0\u01a1ng th\u1ee9c @import l\u00e0 c\u00e1ch th\u1ee9c khi file CSS ngo\u00e0i \u0111\u01b0\u1ee3c g\u1ecdi b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng l\u1ec7nh @import ch\u1ee9 kh\u00f4ng ph\u1ea3i l\u00e0 li\u00ean k\u1ebft n\u00f3 tr\u1ef1c ti\u1ebfp nh\u01b0 \u0111\u01b0\u1ee3c th\u1ea3o lu\u1eadn \u1edf b\u00ean tr\u00ean. <\/p>\n\n\n<p>Ph\u01b0\u01a1ng th\u1ee9c n\u00e0y l\u00e0 nguy\u00ean nh\u00e2n l\u00e0m cho c\u00e1c file CSS ho\u1eb7c c\u00e1c file kh\u00e1c \u0111\u01b0\u1ee3c g\u1ecdi t\u1ea3i xu\u1ed1ng ch\u1eadm h\u01a1n so v\u1edbi ph\u01b0\u01a1ng th\u1ee9c li\u00ean k\u1ebft v\u00ec ch\u00fang ch\u1ec9 c\u00f3 th\u1ec3 t\u1ea3i xu\u1ed1ng m\u1ed9t l\u1ea7n v\u00e0o m\u1ed9t th\u1eddi \u0111i\u1ec3m [khi s\u1eed d\u1ee5ng ph\u01b0\u01a1ng th\u1ee9c n\u00e0y]. Trong \u0111o\u1ea1n m\u00e3 c\u1ee7a b\u1ea1n, n\u00f3 tr\u00f4ng gi\u1ed1ng nh\u01b0 d\u01b0\u1edbi \u0111\u00e2y&#8230;<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>@import url(\"style.css\")<\/code><\/pre>\n\n\n<p>C\u00e1c l\u1eddi g\u1ecdi nh\u01b0 th\u1ebf n\u00e0y th\u1ef1c s\u1ef1 g\u00e2y nguy hi\u1ec3m cho t\u1ed1c \u0111\u1ed9 trang web, nh\u01b0ng nhi\u1ec1u ng\u01b0\u1eddi l\u00e0m thi\u1ebft k\u1ebf v\u1eabn s\u1eed d\u1ee5ng n\u00ean n\u00f3 c\u1ea7n \u0111\u01b0\u1ee3c ki\u1ec3m tra k\u1ef9.<\/p>\n\n\n<ul><li>\u0110\u1ec3 xem trang web c\u1ee7a b\u1ea1n c\u00f3 s\u1eed d\u1ee5ng @import \u0111\u1ec3 g\u1ecdi CSS hay kh\u00f4ng, h\u00e3y s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 ph\u00e2n t\u00edch t\u1ed1c \u0111\u1ed9 ho\u1eb7c xem m\u00e3 ngu\u1ed3n c\u1ee7a trang<\/li><li>\u0110\u1ec3 hi\u1ec3u th\u00eam v\u1ec1 ph\u01b0\u01a1ng th\u1ee9c n\u00e0y h\u00e3y \u0111\u00f3n \u0111\u1ecdc b\u00e0i k\u1ebf ti\u1ebfp c\u1ee7a ch\u00fang t\u00f4i;<\/li><\/ul>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"d\u1eebng-n\u1ed9i-tuy\u1ebfn-cac-thu\u1ed9c-tinh-css-vao-trong-ph\u1ea7n-t\u1eed-html\"><span class=\"ez-toc-section\" id=\"Dung_noi_tuyen_cac_thuoc_tinh_CSS_vao_trong_phan_tu_HTML\"><\/span>\u0110\u1eebng n\u1ed9i tuy\u1ebfn c\u00e1c thu\u1ed9c t\u00ednh CSS v\u00e0o trong ph\u1ea7n t\u1eed HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/noi-tuyen-phan-tu.png\" alt=\"n\u1ed9i tuy\u1ebfn CSS v\u00e0o trong ph\u1ea7n t\u1eed HTML l\u00e0 \u0111i\u1ec1u kh\u00f4ng n\u00ean l\u00e0m\" class=\"wp-image-11839\"\/><\/figure><\/div>\n\n\n<p>C\u00f3 m\u1ed9t t\u00ecnh tr\u1ea1ng r\u1ea5t ph\u1ed5 bi\u1ebfn l\u00e0 nhi\u1ec1u ng\u01b0\u1eddi \u0111\u01b0a c\u00e1c style CSS v\u00e0o trong ph\u1ea7n t\u1eed HTML, trong th\u1ef1c t\u1ebf, t\u00f4i l\u00e0 ng\u01b0\u1eddi l\u00fac n\u00e0o c\u0169ng c\u00f3 xu h\u01b0\u1edbng l\u00e0m th\u1ebf. <a href=\"https:\/\/kiencang.net\/tang-toc-web-pagespeed-insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">H\u01b0\u1edbng d\u1eabn t\u0103ng t\u1ed1c \u0111\u1ed9 web c\u1ee7a Google<\/a> \u1edf ph\u1ea7n h\u01b0\u1edbng d\u1eabn &#8220;t\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS&#8221; n\u00f3i r\u1eb1ng ch\u00fang ta kh\u00f4ng \u0111\u01b0\u1ee3c ph\u00e9p l\u00e0m v\u1eady m\u1ed9t ch\u00fat n\u00e0o. <\/p>\n\n\n<p>H\u1ecd n\u00f3i r\u1eb1ng \u0111i\u1ec1u n\u00e0y s\u1ebd l\u00e0 nguy\u00ean nh\u00e2n l\u00e0m tr\u00ecnh duy\u1ec7t ph\u1ea3n h\u1ed3i ch\u1eadm v\u00e0 s\u1ebd kh\u00f4ng kh\u00f4ng kh\u00f4n ngoan khi \u0111\u01b0a c\u00e1c m\u00e3 \u0111\u1ecbnh d\u1ea1ng v\u00e0o trong ph\u1ea7n t\u1eed HTML b\u1edfi v\u00ec \u0111i\u1ec1u \u0111\u00f3 \u0111i ng\u01b0\u1ee3c l\u1ea1i <a href=\"http:\/\/www.w3.org\/TR\/CSP\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ch\u00ednh s\u00e1ch B\u1ea3o m\u1eadt N\u1ed9i dung<\/a> c\u1ee7a W3- c\u00e1i l\u00e0 giao th\u1ee9c b\u1ea3o m\u1eadt c\u00f3 ch\u1ee9c n\u0103ng ch\u1eb7n m\u1ecdi style c\u1ea5p \u0111\u1ed9 ph\u1ea7n t\u1eed theo m\u1eb7c \u0111\u1ecbnh. Nh\u1eefng style \u0111\u00f3 tr\u00f4ng gi\u1ed1ng nh\u01b0 sau&#8230;<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;p style=\"float:left;\"> ho\u1eb7c &lt;div style=\"color:#fff;\"><\/code><\/pre>\n\n\n<p>T\u00f4i c\u00f3 r\u1ea5t nhi\u1ec1u nh\u1eefng \u0111o\u1ea1n m\u00e3 nh\u01b0 v\u1eady trong code c\u1ee7a m\u00ecnh, v\u00e0 t\u00f4i \u0111\u00e3 ph\u1ea3i l\u00e0m vi\u1ec7c v\u1ea5t v\u1ea3 \u0111\u1ec3 ho\u00e0n to\u00e0n lo\u1ea1i b\u1ecf ch\u00fang. \u0110\u1ec3 xem trang web c\u1ee7a b\u1ea1n c\u00f3 ch\u1ee9a nh\u1eefng \u0111o\u1ea1n CSS nh\u01b0 v\u1eady hay kh\u00f4ng h\u00e3y v\u00e0o c\u00f4ng c\u1ee5 m\u00e0 ch\u00fang t\u00f4i \u0111\u00e3 n\u00f3i \u1edf tr\u00ean.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"thi\u1ebft-k\u1ebf-web\"><span class=\"ez-toc-section\" id=\"Thiet_ke_web\"><\/span>Thi\u1ebft k\u1ebf web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p><strong>C\u00e1ch CSS \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng tr\u00ean trang web g\u1ea7n nh\u01b0 \u0111\u01b0\u1ee3c quy\u1ebft \u0111\u1ecbnh ho\u00e0n to\u00e0n b\u1edfi ng\u01b0\u1eddi thi\u1ebft k\u1ebf web, ch\u1ee9 kh\u00f4ng ph\u1ea3i ch\u1ee7 trang web<\/strong> (ho\u1eb7c ng\u01b0\u1eddi qu\u1ea3n tr\u1ecb web). V\u00ec th\u1ebf ng\u01b0\u1eddi thi\u1ebft k\u1ebf web t\u1ea1o ra c\u00e1c \u0111o\u1ea1n CSS d\u1ec5 th\u01b0\u01a1ng, \u0111\u01b0\u1ee3c ch\u00fa th\u00edch \u0111\u1ea7y \u0111\u1ee7 v\u00e0 \u0111\u1eb7t n\u00f3 v\u00e0o c\u00e1c file kh\u00e1c nhau \u0111\u1ec3 d\u1ec5 hi\u1ec3u h\u01a1n. H\u1ecd ngh\u0129, v\u1edbi t\u00e2m th\u1ebf c\u1ee7a ng\u01b0\u1eddi gi\u00fap \u0111\u1ee1, &#8220;Ta v\u1eeba m\u1edbi th\u1ef1c hi\u1ec7n m\u1ed9t c\u00f4ng vi\u1ec7c v\u00f4 c\u00f9ng tuy\u1ec7t v\u1eddi&#8221;. \u0110\u1ea5y l\u00e0 nh\u1eefng g\u00ec h\u1ecd \u0111\u00e3 \u0111\u01b0\u1ee3c d\u1ea1y!<\/p>\n\n\n<p>Th\u1eadt kh\u00f4ng may, th\u1ef1c h\u00e0nh n\u00e0y v\u00e0 nh\u1eefng c\u00e1i kh\u00e1c cu\u1ed1i c\u00f9ng l\u1ea1i gi\u1ebft ch\u1ebft hi\u1ec7u n\u0103ng c\u1ee7a trang web. N\u1ebfu CSS \u1edf d\u1ea1ng nhi\u1ec1u file, s\u1ebd c\u00f3 nhi\u1ec1u y\u00eau c\u1ea7u \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n tr\u01b0\u1edbc khi trang c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb tr\u00ean tr\u00ecnh duy\u1ec7t, l\u00e0m ch\u1eadm t\u1ed1c \u0111\u1ed9 t\u1ea3i trang, \u0111\u1eb7c bi\u1ec7t l\u00e0 tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng. T\u1ea5t c\u1ea3 CSS ph\u1ea3i \u0111\u01b0\u1ee3c \u0111\u01b0a v\u00e0o ch\u1ec9 m\u1ed9t file duy nh\u1ea5t \u0111\u1ec3 trang web c\u00f3 hi\u1ec7u n\u0103ng t\u1ed1t nh\u1ea5t c\u00f3 th\u1ec3.<\/p>\n\n\n<p>Khi nh\u1eadn ra \u0111i\u1ec1u n\u00e0y, b\u1ea1n s\u1ebd l\u01b0u \u00fd nh\u1eefng ng\u01b0\u1eddi thi\u1ebft k\u1ebf web c\u1ea7n b\u1eaft \u0111\u1ea7u t\u1ea1o ra c\u00e1c \u0111o\u1ea1n m\u00e3 gi\u00fap ng\u01b0\u1eddi d\u00f9ng c\u1ee7a h\u1ecd (b\u1eb1ng c\u00e1ch t\u1ea3i nhanh nh\u1ea5t c\u00f3 th\u1ec3), d\u1ea7u v\u1eady, \u1edf th\u1eddi \u0111i\u1ec3m n\u00e0y&#8230;B\u1ea1n c\u00f3 th\u1ec3 \u0111ang c\u00f3 c\u00e1c \u0111o\u1ea1n m\u00e3 CSS g\u00e2y nguy hi\u1ec3m cho website c\u1ee7a b\u1ea1n h\u01a1n l\u00e0 gi\u00fap \u0111\u1ee1 n\u00f3.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"k\u1ebft-lu\u1eadn\"><span class=\"ez-toc-section\" id=\"Ket_luan\"><\/span>K\u1ebft lu\u1eadn<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Nh\u01b0 b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y, CSS c\u00f3 nhi\u1ec1u c\u00e1ch d\u00f9ng tr\u00ean trang, nh\u01b0ng n\u00f3i t\u00f3m l\u1ea1i l\u00e0 ch\u00fang ta c\u1ea7n <a href=\"https:\/\/kiencang.net\/giam-thieu-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">d\u1ecdn d\u1eb9p s\u1ea1ch s\u1ebd c\u00e1c \u0111o\u1ea1n m\u00e3<\/a> v\u00e0 s\u1eed d\u1ee5ng c\u00e1c khuy\u1ebfn ngh\u1ecb v\u1ec1 ph\u00e2n ph\u1ed1i CSS \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o r\u1eb1ng c\u00e1c <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">trang web c\u1ee7a ch\u00fang ta \u0111\u01b0\u1ee3c t\u1ea3i nhanh nh\u1ea5t<\/a> c\u00f3 th\u1ec3.<\/p>\n\n\n<p>C\u00e1c l\u1eddi khuy\u00ean bao g\u1ed3m:<\/p>\n\n\n<ul><li>K\u1ebft h\u1ee3p c\u00e1c style CSS ngo\u00e0i;<\/li><li>N\u1ed9i tuy\u1ebfn CSS nh\u1ecf trong th\u1ebb style;<\/li><li>Kh\u00f4ng s\u1eed d\u1ee5ng @import \u0111\u1ec3 g\u1ecdi CSS khi th\u00edch h\u1ee3p;<\/li><li>Kh\u00f4ng \u0111\u01b0a CSS v\u00e0o trong c\u00e1c ph\u1ea7n t\u1eed HTML nh\u01b0 l\u00e0 trong c\u00e1c th\u1ebb div ho\u1eb7c th\u1ebb h1 c\u1ee7a b\u1ea1n (n\u1ed9i tuy\u1ebfn CSS trong ph\u1ea7n t\u1eed);<\/li><li>T\u1ea5t c\u1ea3 nh\u1eefng th\u1ee9 tr\u00ean c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c ki\u1ec3m tra v\u1edbi \u0111a s\u1ed1 c\u00e1c c\u00f4ng c\u1ee5 ph\u00e2n t\u00edch t\u1ed1c \u0111\u1ed9 trang.<\/li><\/ul>\n\n\n<p><em>(\u0110\u01b0\u1ee3c d\u1ecbch t\u1eeb b\u00e0i vi\u1ebft: Optimize CSS delivery \u2013 T\u00e1c gi\u1ea3: Patrick Sexton \u2013 Website: Varvy)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ph\u00e2n ph\u1ed1i CSS l\u00e0 g\u00ec? C\u00e1ch d\u00f9ng CSS \u0111\u1ec3 render (hi\u1ec3n th\u1ecb) trang; Bao g\u1ed3m vi\u1ec7c s\u1eed d\u1ee5ng file CSS ngo\u00e0i (external), CSS n\u1ed9i b\u1ed9 (internal) ho\u1eb7c k\u1ebft h\u1ee3p c\u1ea3 hai. Trang web c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng CSS theo nhi\u1ec1u c\u00e1ch kh\u00e1c nhau v\u00e0 ch\u00fang \u0111\u1ec1u ho\u1ea1t \u0111\u1ed9ng \u0111\u01b0\u1ee3c b\u00ecnh th\u01b0\u1eddng. V\u00ec n\u00f3 c\u00f3 nhi\u1ec1u &hellip;<\/p>\n","protected":false},"author":1,"featured_media":13056,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[262],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>T\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS trong t\u0103ng t\u1ed1c website &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS trong t\u0103ng t\u1ed1c website &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Ph\u00e2n ph\u1ed1i CSS l\u00e0 g\u00ec? C\u00e1ch d\u00f9ng CSS \u0111\u1ec3 render (hi\u1ec3n th\u1ecb) trang; Bao g\u1ed3m vi\u1ec7c s\u1eed d\u1ee5ng file CSS ngo\u00e0i (external), CSS n\u1ed9i b\u1ed9 (internal) ho\u1eb7c k\u1ebft h\u1ee3p c\u1ea3 hai. Trang web c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng CSS theo nhi\u1ec1u c\u00e1ch kh\u00e1c nhau v\u00e0 ch\u00fang \u0111\u1ec1u ho\u1ea1t \u0111\u1ed9ng \u0111\u01b0\u1ee3c b\u00ecnh th\u01b0\u1eddng. V\u00ec n\u00f3 c\u00f3 nhi\u1ec1u &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-19T04:50:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/toi-uu-phan-phoi-css.png\" \/>\n\t<meta property=\"og:image:width\" content=\"765\" \/>\n\t<meta property=\"og:image:height\" content=\"402\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS trong t\u0103ng t\u1ed1c website &#8226; Ki\u1ebfn c\u00e0ng","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:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS trong t\u0103ng t\u1ed1c website &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Ph\u00e2n ph\u1ed1i CSS l\u00e0 g\u00ec? C\u00e1ch d\u00f9ng CSS \u0111\u1ec3 render (hi\u1ec3n th\u1ecb) trang; Bao g\u1ed3m vi\u1ec7c s\u1eed d\u1ee5ng file CSS ngo\u00e0i (external), CSS n\u1ed9i b\u1ed9 (internal) ho\u1eb7c k\u1ebft h\u1ee3p c\u1ea3 hai. Trang web c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng CSS theo nhi\u1ec1u c\u00e1ch kh\u00e1c nhau v\u00e0 ch\u00fang \u0111\u1ec1u ho\u1ea1t \u0111\u1ed9ng \u0111\u01b0\u1ee3c b\u00ecnh th\u01b0\u1eddng. V\u00ec n\u00f3 c\u00f3 nhi\u1ec1u &hellip;","og_url":"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-06-19T04:50:00+00:00","og_image":[{"width":765,"height":402,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/toi-uu-phan-phoi-css.png","type":"image\/png"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"9 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/","url":"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/","name":"T\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS trong t\u0103ng t\u1ed1c website &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-06-19T04:50:00+00:00","dateModified":"2020-06-19T04:50:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"T\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS trong t\u0103ng t\u1ed1c website"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/11834"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=11834"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/11834\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/13056"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=11834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=11834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=11834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}