{"id":2073,"date":"2022-02-14T18:36:21","date_gmt":"2022-02-14T11:36:21","guid":{"rendered":"https:\/\/www.marketenterprise.vn\/blog\/?p=2073"},"modified":"2022-02-14T18:36:22","modified_gmt":"2022-02-14T11:36:22","slug":"framework-tailwind-css","status":"publish","type":"post","link":"https:\/\/www.marketenterprise.vn\/blog\/framework-tailwind-css.html","title":{"rendered":"Framework Tailwind CSS l\u00e0 g\u00ec? C\u00f3 n\u00ean s\u1eed d\u1ee5ng?"},"content":{"rendered":"<h2><span style=\"font-weight: 400;\">Gi\u1edbi thi\u1ec7u v\u1ec1 Tailwind CSS<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Tailwind CSS l\u00e0 m\u1ed9t framework CSS \u01b0u ti\u00ean s\u1ef1 ti\u1ec7n \u00edch v\u00e0 d\u1ec5 d\u00e0ng ch\u1ec9nh s\u1eeda. Ng\u01b0\u1ee3c l\u1ea1i v\u1edbi c\u00e1c framework CSS kh\u00e1c, Tailwind CSS kh\u00f4ng cung c\u1ea5p c\u00e1c class CSS ph\u1ee9c t\u1ea1p, c\u1ee9ng nh\u1eafc kh\u00f3 ch\u1ec9nh s\u1eeda nh\u01b0 l\u00e0 \u201cforms, table, card, carousel,&#8230;\u201d nh\u01b0 c\u1ee7a Bootstrap hay Material Design CSS, m\u00e0 Tailwind ch\u1ec9 cung c\u1ea5p c\u00e1c class cho c\u00e1c style c\u1ea5p th\u1ea5p nh\u01b0 \u201cpadding, color, cursor, border, light,&#8230;\u201d. \u0110i\u1ec1u n\u00e0y gi\u00fap l\u1eadp tr\u00ecnh vi\u00ean linh \u0111\u1ed9ng trong vi\u1ec7c s\u1eeda ch\u1eefa c\u00e1c th\u00e0nh ph\u1ea7n trong website theo \u00fd mu\u1ed1n c\u1ee7a l\u1eadp tr\u00ecnh vi\u00ean ch\u1ee9 kh\u00f4ng b\u1ecb g\u00f2 b\u00f3 nh\u01b0 nh\u1eefng framework tr\u01b0\u1edbc \u0111\u00e2y. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">H\u00ecnh b\u00ean d\u01b0\u1edbi m\u00f4 t\u1ea3 s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa vi\u1ec7c s\u1eed d\u1ee5ng CSS thu\u1ea7n v\u00e0 Tailwind CSS \u0111\u1ec3 b\u1ea1n d\u1ec5 h\u00ecnh dung Tailwind s\u1eed d\u1ee5ng nh\u01b0 th\u1ebf n\u00e0o.<\/span><\/p>\n<p><a href=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06192828\/the-different-between-css-and-tailwind-css.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06192828\/the-different-between-css-and-tailwind-css.jpg\" alt=\"S\u1ef1 kh\u00e1c nhau gi\u1eefa code css th\u01b0\u1eddng v\u00e0 s\u1eed d\u1ee5ng Tailwind CSS\" width=\"1920\" height=\"1080\" class=\"aligncenter wp-image-2076 size-full\" srcset=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06192828\/the-different-between-css-and-tailwind-css.jpg 1920w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06192828\/the-different-between-css-and-tailwind-css-300x169.jpg 300w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06192828\/the-different-between-css-and-tailwind-css-1024x576.jpg 1024w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06192828\/the-different-between-css-and-tailwind-css-768x432.jpg 768w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06192828\/the-different-between-css-and-tailwind-css-1536x864.jpg 1536w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06192828\/the-different-between-css-and-tailwind-css-1568x882.jpg 1568w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h2><span style=\"font-weight: 400;\">H\u01b0\u1edbng d\u1eabn c\u00e0i \u0111\u1eb7t<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">C\u00f3 2 c\u00e1ch c\u00e0i \u0111\u1eb7t ph\u1ed5 bi\u1ebfn l\u00e0 s\u1eed d\u1ee5ng link CDN ho\u1eb7c d\u00f9ng nodejs \u0111\u1ec3 c\u00e0i \u0111\u1eb7t.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng link CDN:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">B\u1ea1n v\u00e0o \u0111\u01b0\u1eddng link <\/span><a href=\"https:\/\/cdnjs.com\/libraries\/tailwindcss\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/cdnjs.com\/libraries\/tailwindcss<\/span><\/a><span style=\"font-weight: 400;\"> v\u00e0 copy link import \u1edf phi\u00ean b\u1ea3n cao nh\u1ea5t v\u00e0 d\u00e1n v\u00e0o file .html m\u00e0 b\u1ea1n mu\u1ed1n s\u1eed d\u1ee5ng framework Tailwind nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi l\u00e0 b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c r\u1ed3i<\/span><\/p>\n<p><a href=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06193236\/cai-dat-tailwind-css-cdn.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06193236\/cai-dat-tailwind-css-cdn.jpg\" alt=\"C\u00e0i \u0111\u1eb7t Tailwind CSS s\u1eed d\u1ee5ng link CDN\" width=\"929\" height=\"244\" class=\"aligncenter size-full wp-image-2077\" srcset=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06193236\/cai-dat-tailwind-css-cdn.jpg 929w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06193236\/cai-dat-tailwind-css-cdn-300x79.jpg 300w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06193236\/cai-dat-tailwind-css-cdn-768x202.jpg 768w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><\/a><\/p>\n<h3><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng command line<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">C\u00e1ch n\u00e0y d\u00f9ng cho m\u00e1y b\u1ea1n n\u00e0o c\u00f3 c\u00e0i nodejs r\u1ed3i, v\u00e0 nh\u1eefng h\u01b0\u1edbng d\u1eabn c\u00e0i \u0111\u1ec1u \u0111\u01b0\u1ee3c trang ch\u1ee7 Tailwind m\u00f4 t\u1ea3 c\u00e1c b\u01b0\u1edbc r\u1ea5t chi ti\u1ebft n\u00ean m\u00ecnh kh\u00f4ng m\u00f4 t\u1ea3 l\u1ea1i. C\u00e1c b\u1ea1n nh\u1ea5n v\u00e0o c\u00e1c link b\u00ean d\u01b0\u1edbi \u0111\u1ec3 xem h\u01b0\u1edbng d\u1eabn c\u00e0i \u0111\u1eb7t nh\u00e9.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00e0i \u0111\u1eb7t s\u1eed d\u1ee5ng Tailwind CLI:<\/span><\/p>\n<p><a href=\"https:\/\/tailwindcss.com\/docs\/installation\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/tailwindcss.com\/docs\/installation<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">C\u00e0i \u0111\u1eb7t Tailwind v\u1edbi ReactJS:<\/span><\/p>\n<p><a href=\"https:\/\/tailwindcss.com\/docs\/guides\/create-react-app\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/tailwindcss.com\/docs\/guides\/create-react-app<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">C\u00e0i \u0111\u1eb7t Tailwind v\u1edbi VueJS:<\/span><\/p>\n<p><a href=\"https:\/\/tailwindcss.com\/docs\/guides\/vite\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/tailwindcss.com\/docs\/guides\/vite<\/span><\/a><\/p>\n<h2><span style=\"font-weight: 400;\">Gi\u1edbi thi\u1ec7u v\u1ec1 responsive c\u1ee7a framework Tailwind CSS<\/span><\/h2>\n<p>\u0110\u1ea7u ti\u00ean ti\u1ebfp c\u1eadn responsive th\u00ec b\u1ea1n n\u00ean bi\u1ebft v\u1ec1 \u0111i\u1ec3m ng\u1eaft hay c\u00f2n g\u1ecdi l\u00e0 breakpoint hay s\u1eed d\u1ee5ng \u1edf m\u1ed9t s\u1ed1 CSS framework nh\u01b0 Bootstrap. Tailwind c\u0169ng c\u00f3 c\u00e1c breakpoint t\u01b0\u01a1ng t\u1ef1:<\/p>\n<p><a href=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06194346\/breakpoint-responsive-tailwind-css.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06194346\/breakpoint-responsive-tailwind-css.png\" alt=\"Breakpoinst responsive Tailwind-css\" width=\"677\" height=\"231\" class=\"aligncenter size-full wp-image-2079\" srcset=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06194346\/breakpoint-responsive-tailwind-css.png 677w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06194346\/breakpoint-responsive-tailwind-css-300x102.png 300w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">C\u00e1c breakpoint n\u00e0y gi\u1ed1ng nhau \u1edf c\u00e1c phi\u00ean b\u1ea3n, nh\u01b0ng c\u00f3 m\u1ed9t ch\u00fat kh\u00e1c bi\u1ec7t l\u00e0 \u1edf phi\u00ean b\u1ea3n 2.x th\u00ec c\u00f3 th\u00eam breakpoint 2xl. N\u00f3 d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec? Nh\u01b0 ti\u00eau \u0111\u1ec1 th\u00ec n\u00f3 h\u1ed7 tr\u1ee3 cho vi\u1ec7c code responsive, \u0111\u1ec3 th\u00eam m\u1ed9t s\u1ed1 CSS nh\u01b0ng ch\u1ec9 \u00e1p d\u1ee5ng \u1edf m\u1ed9t s\u1ed1 \u0111i\u1ec3m ng\u1eaft nh\u1ea5t \u0111\u1ecbnh, \u1edf c\u1ed9t th\u1ee9 2 \u201cMinimum width\u201d th\u1ec3 hi\u1ec7n c\u00e1c m\u00e0n h\u00ecnh s\u1ebd \u1ea3nh h\u01b0\u1edfng. V\u00e0 n\u00f3 s\u1eed d\u1ee5ng th\u1ebf n\u00e0o? R\u1ea5t \u0111\u01a1n gi\u1ea3n, khi b\u1ea1n mu\u1ed1n style \u00e1p d\u1ee5ng cho m\u00e0n h\u00ecnh n\u00e0o th\u00ec tr\u01b0\u1edbc style \u0111\u00f3 b\u1ea1n th\u00eam \u201cbreakpoint\u201d + \u201c:\u201d.&nbsp; <\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5 \u00e1p d\u1ee5ng thu\u1ed9c t\u00ednh<strong> bg-green-500<\/strong> cho m\u00e0n h\u00ecnh m\u00e1y t\u00ednh c\u00f3 \u0111\u1ed9 d\u00e0i 1024px tr\u1edf l\u00ean th\u00ec ta s\u1ebd th\u00eam th\u00e0nh: <strong>md:bg-green-500<\/strong>. <\/span><span style=\"font-weight: 400;\">Tailwind \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf theo d\u1ea1ng mobile first. N\u00ean khi kh\u00f4ng d\u00f9ng breakpoint \u0111\u01b0\u1ee3c hi\u1ec3u l\u00e0 \u00e1p d\u1ee5ng cho t\u1ea5t c\u1ea3 m\u00e0n h\u00ecnh, khi mu\u1ed1n \u00e1p d\u1ee5ng t\u1eeb m\u00e0n h\u00ecnh t\u1eeb 640px tr\u1edf l\u00ean th\u00ec d\u00f9ng breakpoint. \u0110\u1eb7c \u0111i\u1ec3m n\u00e0y gi\u1ed1ng v\u1edbi Bootstrap, b\u1ea1n n\u00e0o \u0111\u00e3 t\u1eebng d\u00f9ng Bootstrap r\u1ed3i s\u1ebd hi\u1ec3u.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">B\u00ean d\u01b0\u1edbi l\u00e0 \u0111o\u1ea1n code s\u1eed d\u1ee5ng grid \u0111\u1ec3 responsive layout&nbsp;<\/span><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" style=\"position: relative;\">&lt;div class=\"container mx-auto\"&gt;\n    &lt;div class=\"grid lg:grid-cols-3 md:grid-cols-2 gap-3\"&gt;\n        &lt;div class=\"w-full bg-green-500 p-4 text-white font-bold text-center\"&gt;1&lt;\/div&gt;\n        &lt;div class=\"w-full bg-green-500 p-4 text-white font-bold text-center\"&gt;2&lt;\/div&gt;\n        &lt;div class=\"lg:col-span-1 md:col-span-full w-full bg-green-500 p-4 text-white font-bold text-center\"&gt;3&lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;<\/pre>\n<div class=\"open_grepper_editor\" title=\"Edit &amp; Save To Grepper\"><\/div>\n<div class=\"open_grepper_editor\" title=\"Edit &amp; Save To Grepper\"><\/div>\n<p><a href=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06193643\/demo-using-responsive-tailwind-css.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2022\/02\/06193643\/demo-using-responsive-tailwind-css.gif\" alt=\"responsive s\u1eed d\u1ee5ng Tailwind CSS\" width=\"800\" height=\"373\" class=\"aligncenter size-full wp-image-2078\"><\/a><\/p>\n<h2><span style=\"font-weight: 400;\">Nh\u1eadn x\u00e9t v\u1ec1 \u01b0u \u0111i\u1ec3m v\u00e0 nh\u01b0\u1ee3c \u0111i\u1ec3m khi s\u1eed d\u1ee5ng<\/span><\/h2>\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: center;\"><span style=\"font-weight: 400;\">\u01afu \u0111i\u1ec3m<\/span><\/td>\n<td>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Nh\u01b0\u1ee3c \u0111i\u1ec3m<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li><span style=\"font-weight: 400;\">Kh\u00f4ng c\u1ea7n vi\u1ebft m\u1ed9t d\u00f2ng CSS n\u00e0o m\u00e0 ch\u1ec9 c\u1ea7n code html th\u00f4i<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00e1c class d\u1ec5 s\u1eed d\u1ee5ng, d\u1ec5 l\u00e0m quen<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">T\u00e0i li\u1ec7u chi ti\u1ebft, \u0111\u1ea7y \u0111\u1ee7, d\u1ec5 hi\u1ec3u<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Gi\u1ea3m thi\u1ec3u vi\u1ec7c \u0111\u1eb7t t\u00ean class kh\u00f4ng \u0111\u00fang khi l\u00e0m teamwork<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ch\u1ec9nh s\u1eeda code nhanh<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">H\u1ed7 tr\u1ee3 c\u00e0i \u0111\u1eb7t v\u1edbi nhi\u1ec1u framework front-end kh\u00e1c nh\u01b0 react, vuejs,&#8230;<\/span><\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">S\u1ed1 l\u01b0\u1ee3ng code html tr\u00ean m\u1ed9t d\u00f2ng c\u1ef1c k\u1ef3 d\u00e0i<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u1ea7n c\u00f3 ki\u1ebfn th\u1ee9c v\u1ec1 CSS th\u00ec m\u1edbi s\u1eed d\u1ee5ng t\u1ed1t \u0111\u01b0\u1ee3c<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">T\u1ed1n kh\u00e1 nhi\u1ec1u th\u1eddi gian s\u1eed d\u1ee5ng \u0111\u1ec3 l\u00e0m quen, nh\u1edb c\u00e1c t\u00ean class<\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span style=\"font-weight: 400;\">K\u1ebft lu\u1eadn<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Theo g\u00f3c nh\u00ecn c\u1ee7a m\u00ecnh th\u00ec v\u1edbi nh\u1eefng d\u1ef1 \u00e1n nhanh, c\u00f3 \u0111\u1ed9 ph\u1ee9c t\u1ea1p v\u1ec1 layout, \u0111\u1ed9 m\u1edf r\u1ed9ng l\u1edbn, nhi\u1ec1u ng\u01b0\u1eddi c\u00f9ng code d\u1ef1 \u00e1n th\u00ec n\u00ean s\u00e0i framework n\u00e0y. V\u00ec n\u00f3 c\u00f3 \u0111\u1ed9 linh \u0111\u1ed9ng cao, ch\u1ec9nh s\u1eeda code nhanh, vi\u1ec7c \u0111\u1eb7t t\u00ean \u0111\u00e3 c\u00f3 m\u1ed9t nguy\u00ean t\u1eafc nh\u1ea5t \u0111\u1ecbnh v\u00e0 s\u1ebd kh\u00f4ng c\u00f3 tr\u01b0\u1eddng h\u1ee3p b\u1ecb xung \u0111\u1ed9t code CSS. Vi\u1ec7c s\u1eed d\u1ee5ng framework n\u00e0y c\u0169ng c\u1ea7n c\u00f3 ki\u1ebfn th\u1ee9c nh\u1ea5t \u0111\u1ecbnh v\u1ec1 CSS n\u00ean n\u1ebfu kh\u00f4ng r\u00e0nh v\u1ec1 CSS th\u00ec vi\u1ec7c ti\u1ebfp c\u1eadn s\u1ebd t\u1ed1n r\u1ea5t nhi\u1ec1u c\u00f4ng s\u1ee9c v\u00e0 th\u1eddi gian \u0111\u1ec3 s\u1eed d\u1ee5ng th\u00e0nh th\u1ea1o. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">N\u00ean l\u00e0 anh em n\u00e0o code backend, mu\u1ed1n l\u00e0m giao di\u1ec7n nh\u01b0ng kh\u00f4ng c\u00f3 nhu c\u1ea7u bi\u1ebft nhi\u1ec1u v\u1ec1 HTML + CSS th\u00ec c\u00e2n nh\u1eafc vi\u1ec7c s\u1eed d\u1ee5ng framework kh\u00e1c ti\u1ec7n h\u01a1n nh\u01b0 Bootstrap. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 kh\u1eafc ph\u1ee5c m\u1ed9t s\u1ed1 nh\u01b0\u1ee3c \u0111i\u1ec3m c\u1ee7a c\u00e1c framework CSS, sau n\u00e0y ng\u01b0\u1eddi ta c\u00f2n t\u1ea1o ra nhi\u1ec1u th\u01b0 vi\u1ec7n \u0111\u1ec3 h\u1ed7 tr\u1ee3 cho vi\u1ec7c code CSS nh\u01b0 <a href=\"https:\/\/www.marketenterprise.vn\/blog\/css-in-js-and-styled-components.html\">style-components<\/a>, styled-JSX,&#8230;<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tailwind CSS l\u00e0 m\u1ed9t framework CSS \u0111\u01b0\u1ee3c nhi\u1ec1u ng\u01b0\u1eddi s\u1eed d\u1ee5ng b\u1edfi t\u00ednh ti\u1ec7n l\u1ee3i, d\u1ec5 m\u1edf r\u1ed9ng n\u00ean \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nhi\u1ec1u trong c\u00e1c d\u1ef1 \u00e1n hi\u1ec7n nay. C\u00f9ng m\u00ecnh t\u00ecm hi\u1ec3u v\u00e0 ph\u00e2n t\u00edch framework n\u00e0y nh\u00e9 \ud83d\ude09<\/p>\n","protected":false},"author":29,"featured_media":2080,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[81,22],"class_list":["post-2073","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-css","tag-technical"],"_links":{"self":[{"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/posts\/2073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/comments?post=2073"}],"version-history":[{"count":0,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/posts\/2073\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/media\/2080"}],"wp:attachment":[{"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/media?parent=2073"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/categories?post=2073"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/tags?post=2073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}