{"id":84256,"date":"2025-02-01T22:25:04","date_gmt":"2025-02-01T15:25:04","guid":{"rendered":"https:\/\/itviec.com\/blog\/?p=84256"},"modified":"2025-02-01T22:25:04","modified_gmt":"2025-02-01T15:25:04","slug":"cau-hoi-phong-van-html-css","status":"publish","type":"post","link":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/","title":{"rendered":"Top 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS m\u1ecdi c\u1ea5p \u0111\u1ed9 ph\u1ed5 bi\u1ebfn"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 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 b\u00e0i vi\u1ebft<\/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:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#Nhung_vi_tri_nao_can_nam_vung_kien_thuc_HTML_va_CSS\" >Nh\u1eefng v\u1ecb tr\u00ed n\u00e0o c\u1ea7n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c HTML v\u00e0 CSS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#Cau_hoi_phong_van_HTML_CSS_danh_cho_FresherJunior_Developer\" >C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho Fresher\/Junior Developer\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#Cau_hoi_phong_van_HTML_CSS_danh_cho_Middle_Developer\" >C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho Middle Developer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#Cau_hoi_phong_van_HTML_CSS_danh_cho_Senior_Developer\" >C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho Senior Developer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#Tong_ket_ve_cau_hoi_phong_van_HTML_CSS\" >T\u1ed5ng k\u1ebft v\u1ec1 c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS<\/a><\/li><\/ul><\/nav><\/div>\n<p><em><strong>Trong b\u00e0i vi\u1ebft n\u00e0y, ITviec t\u1ed5ng h\u1ee3p 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho HTML\/CSS\u00a0 Developer t\u1eeb c\u1ea5p \u0111\u1ed9 \u0111\u1ea7u v\u00e0o (Junior) cho \u0111\u1ebfn c\u1ea5p cao (Senior). H\u00e3y c\u00f9ng c\u1eadp nh\u1eadt b\u1ed9 c\u00e2u h\u1ecfi v\u00e0 th\u1eed tr\u1ea3 l\u1eddi tr\u01b0\u1edbc khi xem \u0111\u00e1p \u00e1n \u0111\u1ec3 n\u1eafm ch\u1eafc v\u1ec1 ki\u1ebfn th\u1ee9c cho bu\u1ed5i ph\u1ecfng v\u1ea5n th\u00e0nh c\u00f4ng b\u1ea1n nh\u00e9!<\/strong><\/em><\/p>\n<p><span style=\"font-weight: 400;\">\u0110\u1ecdc b\u00e0i vi\u1ebft sau \u0111\u00e2y \u0111\u1ec3 hi\u1ec3u r\u00f5 h\u01a1n v\u1ec1 b\u1ed9 c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110\u1ecbnh h\u01b0\u1edbng ph\u00e1t tri\u1ec3n ngh\u1ec1 nghi\u1ec7p c\u1ee7a HTML v\u00e0 CSS<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n v\u1ec1 HTML \u1edf m\u1ecdi c\u1ea5p \u0111\u1ed9<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS t\u1eeb tr\u00ecnh \u0111\u1ed9 c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Nhung_vi_tri_nao_can_nam_vung_kien_thuc_HTML_va_CSS\"><\/span><b> Nh\u1eefng v\u1ecb tr\u00ed n\u00e0o c\u1ea7n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c HTML v\u00e0 CSS?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong><a href=\"https:\/\/itviec.com\/blog\/html-la-gi\/\" target=\"_blank\" rel=\"noopener\">HTML<\/a><\/strong><span style=\"font-weight: 400;\"> (HyperText Markup Language) v\u00e0 <\/span><strong><a href=\"https:\/\/itviec.com\/blog\/css-la-gi\/\" target=\"_blank\" rel=\"noopener\">CSS<\/a><\/strong><span style=\"font-weight: 400;\"> (Cascading Style Sheets) l\u00e0 nh\u1eefng ng\u00f4n ng\u1eef \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 t\u1ea1o m\u1ed9t trang web. HTML s\u1ebd \u0111\u00f3ng vai tr\u00f2 cung c\u1ea5p c\u1ea5u tr\u00fac trong khi CSS s\u1ebd x\u00e1c \u0111\u1ecbnh ki\u1ec3u d\u00e1ng, m\u00e0u s\u1eafc v\u00e0 b\u1ed1 c\u1ee5c cho trang web. C\u1ea3 hai th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng c\u00f9ng v\u1edbi c\u1ea3 JavaScript \u0111\u1ec3 v\u1eadn h\u00e0nh m\u1ed9t trang web ho\u00e0n ch\u1ec9nh v\u00e0 th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Khi bi\u1ebft s\u1eed d\u1ee5ng th\u00e0nh th\u1ea1o chuy\u00ean s\u00e2u v\u1ec1 HTML v\u00e0 CSS, b\u1ea1n c\u00f3 th\u1ec3 l\u1ef1a ch\u1ecdn ph\u00e1t tri\u1ec3n v\u1ec1 Front-End Developer (l\u1eadp tr\u00ecnh vi\u00ean Front-End), Full-stack Developer (l\u1eadp tr\u00ecnh vi\u00ean Full-stack) ho\u1eb7c Web Developer (l\u1eadp tr\u00ecnh Web).\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00f4ng vi\u1ec7c c\u1ee7a l\u1eadp tr\u00ecnh vi\u00ean v\u1ec1 HTML v\u00e0 CSS th\u01b0\u1eddng l\u00e0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tri\u1ec3n khai v\u00e0 t\u00f9y ch\u1ec9nh c\u00e1c template, bao g\u1ed3m m\u00e0u s\u1eafc v\u00e0 ph\u00f4ng ch\u1eef cho th\u01b0\u01a1ng hi\u1ec7u.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">X\u00e2y d\u1ef1ng c\u1ea5u tr\u00fac v\u00e0 \u0111i\u1ec1u h\u01b0\u1edbng c\u1ee7a trang web ho\u1eb7c ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Th\u1ef1c hi\u1ec7n m\u00e3 h\u00f3a cho trang web.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Gi\u1ea3i quy\u1ebft c\u00e1c l\u1ed7i ph\u00e1t sinh ho\u1eb7c v\u1ea5n \u0111\u1ec1 trong qu\u00e1 tr\u00ecnh v\u1eadn h\u00e0nh trang web.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Theo <\/span><strong><a href=\"https:\/\/itviec.com\/bao-cao\/luong-it-va-thi-truong-tuyen-dung-it-vietnam\">B\u00e1o c\u00e1o L\u01b0\u01a1ng v\u00e0 Th\u1ecb tr\u01b0\u1eddng Tuy\u1ec3n d\u1ee5ng IT t\u1ea1i Vi\u1ec7t Nam 2024 \u2013 2025<\/a><\/strong><span style=\"font-weight: 400;\"> m\u1edbi nh\u1ea5t do ITviec th\u1ef1c hi\u1ec7n, m\u1ee9c l\u01b0\u01a1ng trung v\u1ecb c\u1ee7a c\u00e1c v\u1ecb tr\u00ed li\u00ean quan v\u1ec1 HTML v\u00e0 CSS nh\u01b0 sau:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td rowspan=\"2\"><span style=\"font-weight: 400;\">S\u1ed1 n\u0103m kinh nghi\u1ec7m<\/span><\/td>\n<td colspan=\"2\"><span style=\"font-weight: 400;\">M\u1ee9c l\u01b0\u01a1ng trung v\u1ecb (\u0111\u01a1n v\u1ecb: VND\/ th\u00e1ng)<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>Front-End Developer<\/b><\/td>\n<td><b>Full-stack Developer<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">&lt; 1 n\u0103m<\/span><\/td>\n<td><span style=\"font-weight: 400;\">N\/A<\/span><\/td>\n<td><span style=\"font-weight: 400;\">14.700.000<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">1-2 n\u0103m<\/span><\/td>\n<td><span style=\"font-weight: 400;\">16.100.000<\/span><\/td>\n<td><span style=\"font-weight: 400;\">16.650.000<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">3-4 n\u0103m<\/span><\/td>\n<td><span style=\"font-weight: 400;\">23.300.000<\/span><\/td>\n<td><span style=\"font-weight: 400;\">29.900.000<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">5-8 n\u0103m<\/span><\/td>\n<td><span style=\"font-weight: 400;\">34.950.000<\/span><\/td>\n<td><span style=\"font-weight: 400;\">39.700.000<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">&gt;8 n\u0103m\u00a0<\/span><\/td>\n<td><span style=\"font-weight: 400;\">50.950.000<\/span><\/td>\n<td><span style=\"font-weight: 400;\">50.000.000<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote><p><i><span style=\"font-weight: 400;\">Xem th\u00eam: <\/span><\/i><strong><a href=\"https:\/\/itviec.com\/blog\/front-end-developer-la-gi\/\"><i>Front end Developer l\u00e0 g\u00ec: L\u00e0m g\u00ec, L\u1ed9 tr\u00ecnh h\u1ecdc t\u1eadp v\u00e0 C\u00f4ng c\u1ee5 l\u00e0m vi\u1ec7c<\/i><\/a><\/strong><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Cau_hoi_phong_van_HTML_CSS_danh_cho_FresherJunior_Developer\"><\/span><b>C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho <\/b><b>Fresher\/Junior Developer\u00a0<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b>S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 XHTML<\/b><\/h3>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400;\">#<\/span><\/td>\n<td><b>HTML<\/b><\/td>\n<td><b>XHTML<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">1<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Hypertext Markup Language<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Extensible Hypertext Markup Language<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">2<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c ph\u00e1t tri\u1ec3n v\u00e0o n\u0103m 1991 b\u1edfi Tim Berners-Lee<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c ph\u00e1t tri\u1ec3n v\u00e0o n\u0103m 2000 b\u1edfi W3C\u00a0<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">3<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c m\u1edf r\u1ed9ng t\u1eeb SGML<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c m\u1edf r\u1ed9ng t\u1eeb XML v\u00e0 HTML<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">4<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u1ecbnh d\u1ea1ng t\u1ec7p t\u00e0i li\u1ec7u<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u1ecbnh d\u1ea1ng l\u00e0 ng\u00f4n ng\u1eef \u0111\u00e1nh d\u1ea5u<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">5<\/span><\/td>\n<td><span style=\"font-weight: 400;\">T\u1ea5t c\u1ea3 c\u00e1c th\u1ebb v\u00e0 thu\u1ed9c t\u00ednh kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i vi\u1ebft hoa ho\u1eb7c vi\u1ebft th\u01b0\u1eddng.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">M\u1ecdi th\u1ebb v\u00e0 thu\u1ed9c t\u00ednh ph\u1ea3i vi\u1ebft th\u01b0\u1eddng<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">6<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Doctype kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i vi\u1ebft \u1edf \u0111\u1ea7u<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Doctype c\u1ea7n thi\u1ebft cho v\u1ecb tr\u00ed \u0111\u1ea7u ti\u00ean trong file<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">7<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i \u0111\u00f3ng th\u1ebb\u00a0<\/span><\/td>\n<td><span style=\"font-weight: 400;\">C\u1ea7n \u0111\u00f3ng c\u00e1c th\u1ebb theo th\u1ee9 t\u1ef1 m\u1edf<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">8<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Khi s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh, kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn d\u1ea5u ngo\u1eb7c k\u00e9p.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Khi s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh, b\u1eaft bu\u1ed9c ph\u1ea3i c\u00f3 d\u1ea5u ngo\u1eb7c k\u00e9p.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">9<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Ph\u1ea7n m\u1edf r\u1ed9ng c\u1ee7a file \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0 .html, .htm<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Ph\u1ea7n m\u1edf r\u1ed9ng l\u00e0 .xhtml, .xht ho\u1eb7c .xml<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa HTML v\u00e0 HTML5 l\u00e0 g\u00ec?<\/b><\/h3>\n<table>\n<tbody>\n<tr>\n<td><b>HTML<\/b><\/td>\n<td><b>HTML5<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng h\u1ed7 tr\u1ee3 \u00e2m thanh v\u00e0 video n\u1ebfu kh\u00f4ng s\u1eed d\u1ee5ng Flash Player.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">H\u1ed7 tr\u1ee3 \u0111i\u1ec1u khi\u1ec3n \u00e2m thanh v\u00e0 video b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng th\u1ebb &lt;audio&gt; v\u00e0 &lt;video&gt;.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng cookie \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u t\u1ea1m th\u1eddi<\/span><\/td>\n<td><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng c\u01a1 s\u1edf d\u1eef li\u1ec7u SQL v\u00e0 b\u1ed9 \u0111\u1ec7m \u1ee9ng d\u1ee5ng \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u ngo\u1ea1i tuy\u1ebfn.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Cho ph\u00e9p JavaScript ch\u1ea1y trong tr\u00ecnh duy\u1ec7t.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Cho ph\u00e9p JavaScript ch\u1ea1y \u1edf ch\u1ebf \u0111\u1ed9 n\u1ec1n, \u0111i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n nh\u1edd JS Web worker API trong HTML5.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">\u0110\u1ed3 h\u1ecda vector c\u00f3 th\u1ec3 c\u00f3 trong HTML v\u1edbi s\u1ef1 h\u1ed7 tr\u1ee3 c\u1ee7a nhi\u1ec1u c\u00f4ng ngh\u1ec7 kh\u00e1c nh\u01b0 VML, Silverlight, Flash,&#8230;<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u1ed3 h\u1ecda vector l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu nh\u01b0 SVG v\u00e0 Canvas.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng cho ph\u00e9p c\u00e1c hi\u1ec7u \u1ee9ng k\u00e9o v\u00e0 th\u1ea3.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Cho ph\u00e9p c\u00e1c hi\u1ec7u \u1ee9ng k\u00e9o th\u1ea3 v\u00e0 h\u1ed7 tr\u1ee3 thu\u1ed9c t\u00ednh blank.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng v\u1ebd c\u00e1c h\u00ecnh d\u1ea1ng nh\u01b0 h\u00ecnh tr\u00f2n, ch\u1eef nh\u1eadt, tam gi\u00e1c.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">V\u1ebd \u0111\u01b0\u1ee3c c\u00e1c h\u00ecnh d\u1ea1ng.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">T\u01b0\u01a1ng th\u00edch v\u1edbi c\u00e1c tr\u00ecnh duy\u1ec7t c\u0169.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c h\u1ed7 tr\u1ee3 v\u00e0 t\u01b0\u01a1ng th\u00edch v\u1edbi t\u1ea5t c\u1ea3 tr\u00ecnh duy\u1ec7t nh\u01b0 Firefox, Mozilla, Chrome, Safari,&#8230;<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Phi\u00ean b\u1ea3n HTML \u00edt th\u00e2n thi\u1ec7n v\u1edbi thi\u1ebft b\u1ecb di \u0111\u1ed9ng<\/span><\/td>\n<td><span style=\"font-weight: 400;\">T\u1ed1i \u01b0u h\u00f3a ph\u00f9 h\u1ee3p v\u1edbi thi\u1ebft b\u1ecb di \u0111\u1ed9ng.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Khai b\u00e1o Doctype qu\u00e1 d\u00e0i v\u00e0 ph\u1ee9c t\u1ea1p<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Khai b\u00e1o Doctype \u0111\u01a1n gi\u1ea3n v\u00e0 d\u1ec5 d\u00e0ng h\u01a1n<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng c\u00f3 ph\u1ea7n t\u1eed nav hay header<\/span><\/td>\n<td><span style=\"font-weight: 400;\">H\u1ed7 tr\u1ee3 ph\u1ea7n t\u1eed m\u1edbi cho c\u1ea5u tr\u00fac web nh\u01b0 nav, header, footer,..<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">M\u00e3 h\u00f3a k\u00fd t\u1ef1 d\u00e0i v\u00e0 ph\u1ee9c t\u1ea1p<\/span><\/td>\n<td><span style=\"font-weight: 400;\">M\u00e3 h\u00f3a k\u00fd t\u1ef1 \u0111\u01a1n gi\u1ea3n v\u00e0 d\u1ec5 d\u00e0ng.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">G\u1ea7n nh\u01b0 kh\u00f4ng c\u00f3 \u0111\u01b0\u1ee3c GeoLocation th\u1ef1c s\u1ef1 c\u1ee7a ng\u01b0\u1eddi d\u00f9ng b\u1eb1ng s\u1ef1 tr\u1ee3 gi\u00fap c\u1ee7a tr\u00ecnh duy\u1ec7t<\/span><\/td>\n<td><span style=\"font-weight: 400;\">D\u1ec5 d\u00e0ng theo d\u00f5i GeoLocation c\u1ee7a ng\u01b0\u1eddi d\u00f9ng b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng JS GeoLocation API.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">C\u00f3 kh\u1ea3 n\u0103ng x\u1eed l\u00fd c\u00fa ph\u00e1p<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Gi\u1ed1ng nh\u01b0 HTML. HTML5 c\u00f3 quy \u0111\u1ecbnh r\u00f5 r\u00e0ng h\u01a1n v\u1ec1 c\u00e1ch x\u1eed l\u00fd c\u00fa ph\u00e1p<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">C\u00e1c thu\u1ed9c t\u00ednh nh\u01b0 charset, async v\u00e0 ping kh\u00f4ng c\u00f3<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Thu\u1ed9c t\u00ednh charset, async v\u00e0 ping l\u00e0 m\u1ed9t ph\u1ea7n c\u1ee7a HTML5.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>Th\u1ebb &lt;b&gt; v\u00e0 &lt;strong&gt; c\u00f3 gi\u1ed1ng nhau kh\u00f4ng? Gi\u1ea3i th\u00edch<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">&lt;strong&gt; l\u00e0 m\u1ed9t trong nh\u1eefng ph\u1ea7n t\u1eed HTML \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n. Th\u1ebb \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 th\u1ec3 hi\u1ec7n t\u1ea7m quan tr\u1ecdng c\u1ee7a v\u0103n b\u1ea3n b\u1eb1ng c\u00e1ch in \u0111\u1eadm ho\u1eb7c l\u00e0m n\u1ed5i b\u1eadt v\u0103n b\u1ea3n.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;strong&gt; N\u1ed9i dung... &lt;\/strong&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">&lt;bold&gt; ho\u1eb7c &lt;b&gt; c\u0169ng l\u00e0 m\u1ed9t trong nh\u1eefng ph\u1ea7n t\u1eed \u0111\u1ecbnh d\u1ea1ng c\u1ee7a HTML. V\u0103n b\u1ea3n \u0111\u01b0\u1ee3c vi\u1ebft d\u01b0\u1edbi th\u1ebb &lt;bold&gt; s\u1ebd \u0111\u01b0\u1ee3c in \u0111\u1eadm \u0111\u1ec3 thu h\u00fat s\u1ef1 ch\u00fa \u00fd.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;b&gt; N\u1ed9i dung... &lt;\/b&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">S\u1ef1 kh\u00e1c bi\u1ec7t ch\u00ednh gi\u1eefa &lt;b&gt; v\u00e0 &lt;strong&gt; l\u00e0 th\u1ebb &lt;strong&gt; nh\u1ea5n m\u1ea1nh nh\u1eefng t\u1eeb ho\u1eb7c \u0111o\u1ea1n n\u1ed9i dung quan tr\u1ecdng. Trong khi &lt;b&gt; ch\u1ec9 b\u00f9 \u0111\u1eafp v\u0103n b\u1ea3n theo ki\u1ec3u in \u0111\u1eadm th\u00f4ng th\u01b0\u1eddng.<\/span><\/p>\n<h3><b>Nh\u1eefng \u0111\u1ecbnh d\u1ea1ng m\u00e0u s\u1eafc n\u00e0o trong HTML?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">M\u00e0u s\u1eafc c\u1ee7a m\u1ed9t ph\u1ea7n t\u1eed trong HTML c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh d\u01b0\u1edbi d\u1ea1ng c\u00e1c h\u1ec7 m\u00e0u nh\u01b0 d\u01b0\u1edbi \u0111\u00e2y. B\u1ea1n c\u00f3 th\u1ec3 \u1ee9ng d\u1ee5ng h\u1ec7 m\u00e0u \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng m\u00e0u ch\u1eef, m\u00e0u vi\u1ec1n khung, \u0111\u1ed5i m\u00e0u li\u00ean k\u1ebft (links) ho\u1eb7c m\u00e0u n\u1ec1n cho ch\u1eef,&#8230;<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><b>H\u1ec7 m\u00e0u HTML<\/b><\/td>\n<td>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">X\u00e1c \u0111\u1ecbnh m\u00e0u s\u1eafc b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng tr\u1ef1c ti\u1ebfp ch\u00ednh t\u00ean c\u1ee7a m\u00e0u \u0111\u00f3.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: <\/span><b>background-color:Orange, background-color:MediumSeaGreen, background-color:LightGray<\/b><\/td>\n<\/tr>\n<tr>\n<td><b>HEX<\/b><\/td>\n<td>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">H\u1ec7 m\u00e0u th\u1eadp l\u1ee5c nh\u1ecb ph\u00e2n ba byte (6 ch\u1eef s\u1ed1), v\u1edbi m\u1ed7i byte hi\u1ec3n th\u1ecb cho m\u00e0u s\u1eafc t\u01b0\u01a1ng \u1ee9ng l\u00e0 \u0111\u1ecf, xanh d\u01b0\u01a1ng v\u00e0 xanh l\u00e1.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">M\u1ed7i byte g\u1ed3m 2 ch\u1eef s\u1ed1 c\u00f3 gi\u00e1 tr\u1ecb c\u01b0\u1eddng \u0111\u1ed9 n\u1eb1m trong kho\u1ea3ng t\u1eeb 00 (th\u1ea5p nh\u1ea5t) \u0111\u1ebfn FF (cao nh\u1ea5t).<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: <\/span><b>#FF0000, #00FF00, #0000FF<\/b><\/td>\n<\/tr>\n<tr>\n<td><b>RGB\/RGBA<\/b><\/td>\n<td>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u01a1 ch\u1ebf m\u00e0u c\u01a1 b\u1ea3n l\u00e0 red (\u0111\u1ecf), green (xanh l\u00e1) v\u00e0 blue (xanh d\u01b0\u01a1ng).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">H\u1ec7 m\u1edf r\u1ed9ng RGBA v\u1edbi A l\u00e0 \u0111\u1ed9 trong su\u1ed1t c\u1ee7a m\u00e0u s\u1eafc (Opacity).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">V\u1edbi c\u01b0\u1eddng \u0111\u1ed9 ba m\u00e0u \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh gi\u00e1 tr\u1ecb t\u1eeb 0 \u0111\u1ebfn 255, trong \u0111\u00f3\u00a0 0 l\u00e0 kh\u00f4ng c\u00f3 \u00e1nh s\u00e1ng v\u00e0 255 l\u00e0 \u0111\u1ed9 s\u00e1ng cao nh\u1ea5t.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: <\/span><b>rgb(255, 0, 0)<\/b><span style=\"font-weight: 400;\">, <\/span><b>rgba(255, 0, 0, 0.5)<\/b><\/td>\n<\/tr>\n<tr>\n<td><b>HSL\/HSLA<\/b><\/td>\n<td>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng m\u00e0u s\u1eafc (Hue), \u0111\u1ed9 b\u00e3o h\u00f2a (Saturation) v\u00e0 \u0111\u1ed9 s\u00e1ng (Lightness).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hue:<\/b><span style=\"font-weight: 400;\"> M\u1ee9c \u0111\u1ed9 m\u00e0u s\u1eafc, gi\u00e1 tr\u1ecb n\u1eb1m trong kho\u1ea3ng t\u1eeb 0 \u0111\u1ebfn 360 v\u1edbi 0 l\u00e0 m\u00e0u \u0111\u1ecf, 120 m\u00e0u xanh l\u00e1 c\u00e2y v\u00e0 240 l\u00e0 m\u00e0u xanh lam.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Saturation (\u0111\u1ed9 b\u00e3o h\u00f2a):<\/b><span style=\"font-weight: 400;\"> L\u1ea5y gi\u00e1 tr\u1ecb ph\u1ea7n tr\u0103m, trong \u0111\u00f3 100% l\u00e0 \u0111\u1ed9 b\u00e3o h\u00f2a ho\u00e0n to\u00e0n, 0% l\u00e0 kh\u00f4ng c\u00f3 \u0111\u1ed9 b\u00e3o h\u00f2a.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Lightness (\u0111\u1ed9 s\u00e1ng):<\/b><span style=\"font-weight: 400;\"> L\u1ea5y gi\u00e1 tr\u1ecb ph\u1ea7n tr\u0103m v\u1edbi 100% l\u00e0 m\u1ee9c \u0111\u1ed9 s\u00e1ng nh\u1ea5t v\u00e0 0% l\u00e0 s\u1eafc \u0111\u1ed9 t\u1ed1i nh\u1ea5t.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">H\u1ec7 m\u00e0u m\u1edf r\u1ed9ng HSLA v\u1edbi A l\u00e0 \u0111\u1ed9 trong su\u1ed1t (Opacity)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: <\/span><b>hsl(0, 100%, 50%)<\/b><span style=\"font-weight: 400;\">, <\/span><b>hsla(0, 100%, 50%, 0.5)<\/b><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote><p><i><span style=\"font-weight: 400;\">Xem th\u00eam: <\/span><\/i><strong><a href=\"https:\/\/itviec.com\/blog\/bang-mau-html\/\" target=\"_blank\" rel=\"noopener\"><i>T\u1ed5ng h\u1ee3p chi ti\u1ebft v\u00e0 \u0111\u1ea7y \u0111\u1ee7 nh\u1ea5t v\u1ec1 B\u1ea3ng m\u00e0u HTML<\/i><\/a><\/strong><\/p><\/blockquote>\n<h3><b>C\u00e1c lo\u1ea1i danh s\u00e1ch trong HTML?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Danh s\u00e1ch l\u00e0 b\u1ea3n ghi c\u00e1c \u0111o\u1ea1n th\u00f4ng tin li\u00ean quan \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 hi\u1ec3n th\u1ecb d\u1eef li\u1ec7u ho\u1eb7c th\u00f4ng tin b\u1ea5t k\u1ef3 theo d\u1ea1ng c\u00f3 th\u1ee9 t\u1ef1 ho\u1eb7c kh\u00f4ng c\u00f3 th\u1ee9 t\u1ef1. HTML cung c\u1ea5p 3 c\u00e1ch \u0111\u1ec3 ch\u1ec9 \u0111\u1ecbnh danh s\u00e1ch th\u00f4ng tin, t\u1ea5t c\u1ea3 danh s\u00e1ch ph\u1ea3i ch\u1ee9a 1 ho\u1eb7c nhi\u1ec1u ph\u1ea7n t\u1eed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00e1c lo\u1ea1i danh s\u00e1ch \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong HTML l\u00e0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Danh s\u00e1ch kh\u00f4ng c\u00f3 th\u1ee9 t\u1ef1 (unordered list):<\/b><span style=\"font-weight: 400;\"> Li\u1ec7t k\u00ea c\u00e1c m\u1ee5c b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c d\u1ea5u \u0111\u1ea7u d\u00f2ng \u0111\u01a1n gi\u1ea3n.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Danh s\u00e1ch c\u00f3 th\u1ee9 t\u1ef1 (ordered list): <\/b><span style=\"font-weight: 400;\">\u00a0S\u1eed d\u1ee5ng c\u00e1c l\u01b0\u1ee3c \u0111\u1ed3 s\u1ed1 kh\u00e1c nhau \u0111\u1ec3 li\u1ec7t k\u00ea c\u00e1c m\u1ee5c.\u00a0<\/span><\/li>\n<\/ul>\n<h3><b>Ph\u1ea7n t\u1eed (element) v\u00e0 th\u1ebb (tags) trong HTML l\u00e0 g\u00ec? \u0110i\u1ec3m kh\u00e1c bi\u1ec7t gi\u1eefa 2 gi\u00e1 tr\u1ecb n\u00e0y<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Th\u1ebb HTML (tags) l\u00e0 ph\u1ea7n b\u1eaft \u0111\u1ea7u v\u00e0 k\u1ebft th\u00fac c\u1ee7a m\u1ed9t ph\u1ea7n t\u1eed HTML. Ch\u00fang th\u01b0\u1eddng b\u1eaft \u0111\u1ea7u b\u1eb1ng k\u00fd hi\u1ec7u &lt; v\u00e0 k\u1ebft th\u00fac b\u1eb1ng &gt;. B\u1ea5t c\u1ee9 n\u1ed9i dung \u0111\u01b0\u1ee3c vi\u1ebft b\u00ean trong c\u1eb7p d\u1ea5u ngo\u1eb7c nh\u1ecdn &lt;&gt; \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 th\u1ebb.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;b&gt; &lt;\/b&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Ph\u1ea7n t\u1eed HTML (element) bao g\u1ed3m n\u1ed9i dung gi\u1eefa c\u00e1c th\u1ebb. Ch\u00fang bao g\u1ed3m m\u1ed9t s\u1ed1 lo\u1ea1i c\u1ea5u tr\u00fac ho\u1eb7c bi\u1ec3u th\u1ee9c, th\u01b0\u1eddng bao g\u1ed3m m\u1ed9t th\u1ebb b\u1eaft \u0111\u1ea7u, n\u1ed9i dung v\u00e0 m\u1ed9t th\u1ebb k\u1ebft th\u00fac.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;b&gt;ITviec Blog&lt;\/b&gt;<\/span><\/pre>\n<p>B\u1ea3ng t\u00f3m t\u1eaft so s\u00e1nh Th\u1ebb v\u00e0 Ph\u1ea7n t\u1eed HTML:<\/p>\n<table>\n<tbody>\n<tr>\n<td><b>Th\u1ebb HTML<\/b><\/td>\n<td><b>Ph\u1ea7n t\u1eed HTML<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng c\u1eb7p th\u1ebb \u0111\u00f3ng m\u1edf \u0111\u1ec3 \u0111\u00e1nh d\u1ea5u \u0111i\u1ec3m b\u1eaft \u0111\u1ea7u ho\u1eb7c k\u1ebft th\u00fac c\u1ee7a m\u1ed9t ph\u1ea7n t\u1eed.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Bao g\u1ed3m th\u1ebb b\u1eaft \u0111\u1ea7u, th\u1ebb k\u1ebft th\u00fac v\u00e0 c\u00e1c thu\u1ed9c t\u00ednh c\u1ee7a n\u00f3.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 ch\u1ee9a ph\u1ea7n t\u1eed<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Ch\u1ee9a n\u1ed9i dung<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">B\u1eaft \u0111\u1ea7u b\u1eb1ng &lt; v\u00e0 k\u1ebft th\u00fac b\u1eb1ng &gt;<\/span><\/td>\n<td><span style=\"font-weight: 400;\">B\u1ea5t c\u1ee9 n\u1ed9i dung \u0111\u01b0\u1ee3c vi\u1ebft trong c\u1eb7p th\u1ebb &lt;&gt; \u0111\u1ec1u l\u00e0 ph\u1ea7n t\u1eed HTML.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 chuy\u1ec3n h\u01b0\u1edbng \u0111\u1ebfn m\u1ed9t ph\u1ea7n c\u1ee5 th\u1ec3 trong m\u1ed9t trang b\u1eb1ng HTML?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng anchor tag \u0111\u1ec3 chuy\u1ec3n h\u01b0\u1edbng \u0111\u1ebfn m\u1ed9t ph\u1ea7n c\u1ee5 th\u1ec3 tr\u00ean c\u00f9ng m\u1ed9t trang. B\u1ea1n s\u1ebd c\u1ea7n th\u00eam \u201cid attribute\u201d v\u00e0o ph\u1ea7n m\u00e0 b\u1ea1n mu\u1ed1n hi\u1ec3n th\u1ecb v\u00e0 s\u1eed d\u1ee5ng c\u00f9ng m\u1ed9t id trong thu\u1ed9c t\u00ednh href v\u1edbi # trong anchor tag. Khi nh\u1ea5n v\u00e0o m\u1ed9t li\u00ean k\u1ebft c\u1ee5 th\u1ec3, b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c chuy\u1ec3n h\u01b0\u1edbng \u0111\u1ebfn ph\u1ea7n c\u00f3 c\u00f9ng id \u0111\u01b0\u1ee3c \u0111\u00ednh k\u00e8m trong anchor tag.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;a href=\"#home_section\"&gt;home&lt;\/a&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;section id=\"home_section\"&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0Information About Page<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/section&gt;<\/span><\/pre>\n<h3><b>Thu\u1ed9c t\u00ednh (attribute) l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Thu\u1ed9c t\u00ednh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 cung c\u1ea5p th\u00eam th\u00f4ng tin v\u1ec1 m\u1ed9t ph\u1ea7n t\u1eed.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">T\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed HTML \u0111\u1ec1u c\u00f3 thu\u1ed9c t\u00ednh.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00f3 2 tham s\u1ed1, t\u00ean v\u00e0 gi\u00e1 tr\u1ecb. Ch\u00fang x\u00e1c \u0111\u1ecbnh c\u00e1c thu\u1ed9c t\u00ednh c\u1ee7a ph\u1ea7n t\u1eed v\u00e0 \u0111\u01b0\u1ee3c \u0111\u1eb7t b\u00ean trong th\u1ebb m\u1edf \u0111\u1ea7u c\u1ee7a ph\u1ea7n t\u1eed. Tham s\u1ed1 l\u1ea5y t\u00ean c\u1ee7a thu\u1ed9c t\u00ednh mu\u1ed1n g\u00e1n cho ph\u1ea7n t\u1eed v\u00e0 gi\u00e1 tr\u1ecb l\u1ea5y gi\u00e1 tr\u1ecb cho thu\u1ed9c t\u00ednh ho\u1eb7c ph\u1ea1m vi c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c c\u0103n ch\u1ec9nh tr\u00ean ph\u1ea7n t\u1eed.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">M\u1ed7i t\u00ean c\u00f3 m\u1ed9t s\u1ed1 gi\u00e1 tr\u1ecb ph\u1ea3i \u0111\u01b0\u1ee3c vi\u1ebft trong d\u1ea5u ngo\u1eb7c k\u00e9p.<\/span><\/li>\n<\/ul>\n<h3><b>Nh\u1eefng th\u1ebb HTML n\u00e0o \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 tr\u00ecnh b\u00e0y table trong HTML?<\/b><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;table&gt;:<\/b><span style=\"font-weight: 400;\"> \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111\u1ecbnh ngh\u0129a b\u1ea3ng.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;tr&gt;:<\/b><span style=\"font-weight: 400;\"> \u0110\u1ecbnh ngh\u0129a m\u1ed9t h\u00e0ng trong b\u1ea3ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;th&gt;:<\/b><span style=\"font-weight: 400;\"> \u0110\u1ecbnh ngh\u0129a m\u1ed9t \u00f4 ti\u00eau \u0111\u1ec1 trong b\u1ea3ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;td&gt;: <\/b><span style=\"font-weight: 400;\">\u0110\u1ecbnh ngh\u0129a m\u1ed9t \u00f4 trong b\u1ea3ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;caption&gt;:<\/b><span style=\"font-weight: 400;\"> \u0110\u1ecbnh ngh\u0129a ch\u00fa th\u00edch c\u1ee7a b\u1ea3ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;colgroup&gt;:<\/b><span style=\"font-weight: 400;\"> \u0110\u1ecbnh ngh\u0129a m\u1ed9t nh\u00f3m g\u1ed3m m\u1ed9t ho\u1eb7c nhi\u1ec1u c\u1ed9t trong b\u1ea3ng \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;col&gt;:<\/b><span style=\"font-weight: 400;\"> \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng v\u1edbi ph\u1ea7n t\u1eed &lt;colgroup&gt; \u0111\u1ec3 ch\u1ec9 \u0111\u1ecbnh c\u00e1c thu\u1ed9c t\u00ednh c\u1ed9t cho t\u1eebng c\u1ed9t.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;tbody&gt;: <\/b><span style=\"font-weight: 400;\">\u0110\u1ecbnh ngh\u0129a m\u1ed9t nh\u00f3m n\u1ed9i dung ch\u00ednh trong b\u1ea3ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;thead&gt;: <\/b><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng m\u1ed9t nh\u00f3m n\u1ed9i dung ti\u00eau \u0111\u1ec1 trong b\u1ea3ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;tfooter&gt;:<\/b><span style=\"font-weight: 400;\"> \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng m\u1ed9t nh\u00f3m n\u1ed9i dung \u1edf ph\u1ea7n ch\u00e2n trang.\u00a0<\/span><\/li>\n<\/ul>\n<blockquote><p><i><span style=\"font-weight: 400;\">Xem th\u00eam: <\/span><\/i><strong><a href=\"https:\/\/itviec.com\/blog\/table-html\/\" target=\"_blank\" rel=\"noopener\"><i>Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A \u2013 Z<\/i><\/a><\/strong><\/p><\/blockquote>\n<h3><b>S\u1ef1 kh\u00e1c nhau gi\u1eefa block v\u00e0 inline l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">M\u1ed7i ph\u1ea7n t\u1eed trong HTML \u0111\u1ec1u c\u00f3 gi\u00e1 tr\u1ecb hi\u1ec3n th\u1ecb m\u1eb7c \u0111\u1ecbnh t\u00f9y thu\u1ed9c v\u00e0o lo\u1ea1i ph\u1ea7n t\u1eed. Block v\u00e0 inline l\u00e0 gi\u00e1 tr\u1ecb hi\u1ec3n th\u1ecb m\u1eb7c \u0111\u1ecbnh cho h\u1ea7u h\u1ebft c\u00e1c ph\u1ea7n t\u1eed. <\/span><span style=\"font-weight: 400;\">Ph\u1ea7n t\u1eed c\u1ea5p kh\u1ed1i (block-level elements) lu\u00f4n b\u1eaft \u0111\u1ea7u tr\u00ean m\u1ed9t d\u00f2ng m\u1edbi v\u00e0 c\u00f3 th\u1ec3 k\u00e9o sang tr\u00e1i ho\u1eb7c ph\u1ea3i xa nh\u1ea5t c\u00f3 th\u1ec3.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>div<\/strong> \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0m v\u00f9ng ch\u1ee9a cho c\u00e1c ph\u1ea7n t\u1eed HTML kh\u00e1c. div kh\u00f4ng c\u00f3 thu\u1ed9c t\u00ednh b\u1eaft bu\u1ed9c, style, class v\u00e0 id l\u00e0 c\u00e1c thu\u1ed9c t\u00ednh th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">B\u00ean c\u1ea1nh \u0111\u00f3, ph\u1ea7n t\u1eed n\u1ed9i tuy\u1ebfn (inline element) kh\u00f4ng b\u1eaft \u0111\u1ea7u tr\u00ean m\u1ed9t d\u00f2ng m\u1edbi v\u00e0 ch\u1ec9 chi\u1ebfm m\u1ed9t chi\u1ec1u r\u1ed9ng c\u1ea7n thi\u1ebft.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>span<\/strong> l\u00e0 ph\u1ea7n t\u1eed \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0m v\u00f9ng ch\u1ee9a cho v\u0103n b\u1ea3n v\u00e0 kh\u00f4ng c\u00f3 thu\u1ed9c t\u00ednh b\u1eaft bu\u1ed9c. Style, class v\u00e0 id c\u0169ng l\u00e0 c\u00e1c thu\u1ed9c t\u00ednh th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng c\u00f9ng v\u1edbi span. Span th\u01b0\u1eddng \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 \u00e1p d\u1ee5ng c\u00e1c ki\u1ec3u ho\u1eb7c t\u1eadp l\u1ec7nh cho m\u1ed9t ph\u1ea7n nh\u1ecf v\u0103n b\u1ea3n trong m\u1ed9t kh\u1ed1i n\u1ed9i dung l\u1edbn.\u00a0<\/span><\/p>\n<h3><b>S\u1ef1 kh\u00e1c nhau gi\u1eefa inline, inline-block v\u00e0 block l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Inline, block v\u00e0 inline-block l\u00e0 gi\u00e1 tr\u1ecb c\u1ee7a thu\u1ed9c t\u00ednh display trong CSS cho ph\u00e9p quy\u1ebft \u0111\u1ecbnh b\u1ed1 c\u1ee5c c\u1ee7a th\u00e0nh ph\u1ea7n trong m\u00f4 h\u00ecnh k\u1ebft xu\u1ea5t. D\u1ec5 hi\u1ec3u h\u01a1n l\u00e0 thi\u1ebft l\u1eadp c\u00e1ch th\u00e0nh ph\u1ea7n chi\u1ebfm kh\u00f4ng gian v\u00e0 t\u01b0\u01a1ng t\u00e1c v\u1edbi m\u00f4i tr\u01b0\u1eddng xung quanh tr\u00ean trang web.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Block: <\/b><span style=\"font-weight: 400;\">Ph\u1ea7n t\u1eed c\u1ea5p kh\u1ed1i chi\u1ebfm to\u00e0n b\u1ed9 chi\u1ec1u r\u1ed9ng c\u1ee7a container l\u1edbn, \u0111\u1ea9y n\u1ed9i dung l\u00ean d\u00f2ng ti\u1ebfp theo. Block th\u00edch h\u1ee3p \u0111\u1ec3 t\u1ea1o c\u00e1c ph\u1ea7n, b\u1ed9 chia ho\u1eb7c v\u00f9ng ch\u1ee9a x\u1ebfp ch\u1ed3ng theo chi\u1ec1u d\u1ecdc. Ch\u1eb3ng h\u1ea1n khi b\u1ea1n mu\u1ed1n thi\u1ebft l\u1eadp c\u00e1c th\u00e0nh ph\u1ea7n ch\u00ednh c\u1ee7a trang web nh\u01b0 ti\u00eau \u0111\u1ec1, ch\u00e2n trang, v\u00f9ng n\u1ed9i dung ch\u00ednh, kh\u1ed1i,&#8230;\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Inline:<\/b><span style=\"font-weight: 400;\"> Ph\u1ea7n t\u1eed n\u1ed9i tuy\u1ebfn ch\u1ec9 chi\u1ebfm m\u1ed9t l\u01b0\u1ee3ng chi\u1ec1u r\u1ed9ng c\u1ea7n thi\u1ebft v\u00e0 kh\u00f4ng \u0111\u1ea9y n\u1ed9i dung ti\u1ebfp theo sang m\u1ed9t d\u00f2ng m\u1edbi. Inline ph\u00f9 h\u1ee3p \u0111\u1ec3 t\u1ea1o ki\u1ec3u trong v\u0103n b\u1ea3n (nh\u01b0 l\u00e0m cho m\u1ed9t t\u1eeb in \u0111\u1eadm ho\u1eb7c in nghi\u00eang), ho\u1eb7c c\u00f3 nhi\u1ec1u ph\u1ea7n t\u1eed c\u1ea1nh nhau.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Inline-block: <\/b><span style=\"font-weight: 400;\">K\u1ebft h\u1ee3p \u0111\u1eb7c \u0111i\u1ec3m c\u1ee7a hai gi\u00e1 tr\u1ecb tr\u00ean, ph\u1ea7n t\u1eed c\u00f3 th\u1ec3 n\u1eb1m c\u1ea1nh nhau (nh\u01b0 ph\u1ea7n t\u1eed inline) nh\u01b0ng c\u0169ng c\u00f3 th\u1ec3 c\u00f3 chi\u1ec1u r\u1ed9ng v\u00e0 chi\u1ec1u cao c\u1ee5 th\u1ec3 \u0111\u01b0\u1ee3c thi\u1ebft l\u1eadp (nh\u01b0 ph\u1ea7n t\u1eed block). \u0110i\u1ec1u n\u00e0y \u0111\u1eb7c bi\u1ec7t h\u1eefu \u00edch cho c\u00e1c ph\u1ea7n t\u1eed c\u1ea7n n\u1eb1m th\u00e0nh m\u1ed9t h\u00e0ng nh\u01b0 c\u00f3 k\u00edch th\u01b0\u1edbc c\u1ee5 th\u1ec3, ch\u1eb3ng h\u1ea1n nh\u01b0 n\u00fat ho\u1eb7c m\u1ee5c trong menu ngang.\u00a0<\/span><\/li>\n<\/ul>\n<h3><b>B\u1ed9 ch\u1ecdn CSS (CSS Selector) l\u00e0 g\u00ec? Li\u1ec7t k\u00ea c\u00e1c b\u1ed9 ch\u1ecdn\u00a0<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">B\u1ed9 ch\u1ecdn (<\/span><a href=\"https:\/\/itviec.com\/blog\/css-selector\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"><strong>CSS selector<\/strong><\/span><\/a><span style=\"font-weight: 400;\">) l\u00e0 c\u00e1c m\u1eabu \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u1ef1a ch\u1ecdn ph\u1ea7n t\u1eed ho\u1eb7c c\u00e1c ph\u1ea7n t\u1eed m\u00e0 b\u1ea1n mu\u1ed1n \u0111\u1ecbnh ki\u1ec3u. Ch\u00fang \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 t\u00ecm c\u00e1c ph\u1ea7n t\u1eed d\u1ef1a tr\u00ean t\u00ean, ID, l\u1edbp, thu\u1ed9c t\u00ednh c\u00f9ng nhi\u1ec1u y\u1ebfu t\u1ed1 kh\u00e1c. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t v\u00e0i v\u00ed d\u1ee5:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">p l\u00e0 b\u1ed9 ch\u1ecdn ki\u1ec3u (type selector) cho t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed &lt;p&gt;.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">.navigation l\u00e0 b\u1ed9 ch\u1ecdn l\u1edbp (class selectors) ch\u1ecdn t\u1ea5t c\u1ea3 ph\u1ea7n t\u1eed c\u00f3 l\u1edbp l\u00e0 navigation.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">#header l\u00e0 b\u1ed9 ch\u1ecdn ID (ID selector) ch\u1ecdn ph\u1ea7n t\u1eed c\u00f3 ID l\u00e0 header.\u00a0<\/span><\/li>\n<\/ul>\n<h3><b>CSS Preprocessor l\u00e0 g\u00ec? Sass, Less, Stylus l\u00e0 g\u00ec v\u00e0 t\u1ea1i sao l\u1ea1i s\u1eed d\u1ee5ng ch\u00fang?\u00a0<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">CSS Preprocessor l\u00e0 m\u1ed9t ch\u01b0\u01a1ng tr\u00ecnh cho ph\u00e9p b\u1ea1n t\u1ea1o CSS t\u1eeb c\u00fa ph\u00e1p ri\u00eang c\u1ee7a b\u1ed9 ti\u1ec1n x\u1eed l\u00fd (preprocessor). C\u00f3 nhi\u1ec1u CSS preprocessor \u0111\u1ec3 l\u1ef1a ch\u1ecdn, tuy nhi\u00ean h\u1ea7u h\u1ebft c\u00e1c b\u1ed9 ti\u1ec1n x\u1eed l\u00fd s\u1ebd b\u1ed5 sung m\u1ed9t s\u1ed1 t\u00ednh n\u0103ng kh\u00f4ng c\u00f3 trong CSS thu\u1ea7n t\u00fay, nh\u01b0 b\u1ed9 ch\u1ecdn l\u1ed3ng nhau, b\u1ed9 ch\u1ecdn k\u1ebf th\u1eeba,&#8230; C\u00e1c t\u00ednh n\u0103ng n\u00e0y s\u1ebd l\u00e0m cho c\u1ea5u tr\u00fac CSS d\u1ec5 \u0111\u1ecdc v\u00e0 b\u1ea3o tr\u00ec h\u01a1n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Th\u00f4ng th\u01b0\u1eddng, s\u1eed d\u1ee5ng Sass, Less v\u00e0 Stylus \u0111\u1ec3 m\u1edf r\u1ed9ng ch\u1ee9c n\u0103ng c\u01a1 b\u1ea3n c\u1ee7a CSS thu\u1ea7n t\u00fay.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Sass (Syntactically Awesome Style Sheets):<\/b><span style=\"font-weight: 400;\"> S\u1eed d\u1ee5ng ph\u1ea7n m\u1edf r\u1ed9ng .sass. \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 th\u1ee5t l\u1ec1, kh\u00f4ng s\u1eed d\u1ee5ng d\u1ea5u ch\u1ea5m ph\u1ea9y ho\u1eb7c d\u1ea5u ngo\u1eb7c nh\u1ecdn.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Less (Leener Stylesheets):<\/b><span style=\"font-weight: 400;\"> S\u1eed d\u1ee5ng ph\u1ea7n m\u1edf r\u1ed9ng .less. Vi\u1ec7c th\u00eam v\u00e0o b\u1ea5t k\u1ef3 d\u1ef1 \u00e1n JavaScript n\u00e0o c\u0169ng d\u1ec5 d\u00e0ng b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng t\u1ec7p NPM ho\u1eb7c less.js. \u1ede \u0111\u00e2y, @ \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111\u1ecbnh ngh\u0129a c\u00e1c bi\u1ebfn.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Stylus:<\/b><span style=\"font-weight: 400;\"> Cung c\u1ea5p t\u00ednh linh ho\u1ea1t tuy\u1ec7t v\u1eddi trong vi\u1ec7c vi\u1ebft c\u00fa ph\u00e1p. C\u00f3 th\u1ec3 s\u1eed d\u1ee5ng CSS g\u1ed1c v\u00e0 lo\u1ea1i tr\u1eeb d\u1ea5u ngo\u1eb7c, d\u1ea5u hai ch\u1ea5m ho\u1eb7c d\u1ea5u ch\u1ea5m ph\u1ea9y. Kh\u00f4ng c\u1ea7n s\u1eed d\u1ee5ng @ ho\u1eb7c $ \u0111\u1ec3 \u0111\u1ecbnh ngh\u0129a c\u00e1c bi\u1ebfn.\u00a0<\/span><\/li>\n<\/ul>\n<h3><b>K\u1ec3 t\u00ean m\u1ed9t s\u1ed1 CSS framework m\u00e0 b\u1ea1n bi\u1ebft?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">CSS Framework l\u00e0 c\u00e1c th\u01b0 vi\u1ec7n gi\u00fap \u0111\u1ecbnh d\u1ea1ng ho\u1eb7c t\u1ea1o ki\u1ec3u cho trang web d\u1ec5 d\u00e0ng h\u01a1n. M\u1ed9t s\u1ed1 framework CSS ph\u1ed5 bi\u1ebfn c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Bootstrap:<\/b><span style=\"font-weight: 400;\"> Cung c\u1ea5p c\u00e1c th\u00e0nh ph\u1ea7n CSS v\u00e0 JavaScript nh\u01b0 h\u1ec7 th\u1ed1ng l\u01b0\u1edbi (grid system) c\u00f9ng th\u00e0nh ph\u1ea7n UI (menu \u0111i\u1ec1u h\u01b0\u1edbng, bi\u1ec3u m\u1eabu,&#8230;) gi\u00fap t\u1ed1i \u01b0u h\u00f3a qu\u00e1 tr\u00ecnh x\u00e2y d\u1ef1ng b\u1ed1 c\u1ee5c trang web.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Material UI:<\/b><span style=\"font-weight: 400;\"> D\u1ef1a tr\u00ean th\u00e0nh ph\u1ea7n \u0111\u1ec3 x\u00e2y d\u1ef1ng giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng trong \u1ee9ng d\u1ee5ng React. Material UI cung c\u1ea5p m\u1ed9t h\u1ec7 th\u1ed1ng thi\u1ebft k\u1ebf hi\u1ec7n \u0111\u1ea1i c\u00e1c template c\u0169ng nh\u01b0 th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c d\u1ef1ng s\u1eb5n.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Foundation:<\/b><span style=\"font-weight: 400;\"> Gi\u1ea3i ph\u00e1p thay th\u1ebf g\u1ea7n nh\u1ea5t cho Bootstrap nh\u01b0ng t\u1eadp trung nhi\u1ec1u v\u00e0o ti\u1ec7n \u00edch. V\u1edbi b\u1ed9 c\u00f4ng c\u1ee5 to\u00e0n di\u1ec7n \u0111\u1ec3 t\u1ea1o ki\u1ec3u cho \u1ee9ng d\u1ee5ng web, thi\u1ebft k\u1ebf m\u1eabu email c\u00f9ng t\u00edch h\u1ee3p Motion UI \u0111\u1ec3 t\u1ea1o c\u00e1c ho\u1ea1t \u1ea3nh CSS n\u00e2ng cao.\u00a0<\/span><\/li>\n<\/ul>\n<h3><b>Th\u00e0nh ph\u1ea7n c\u1ee7a CSS Box Model l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">M\u00f4 h\u00ecnh h\u1ed9p CSS (box model) l\u00e0 m\u1ed9t container ch\u1ee9a nhi\u1ec1u thu\u1ed9c t\u00ednh bao g\u1ed3m \u0111\u01b0\u1eddng vi\u1ec1n, l\u1ec1, \u0111\u1ec7m v\u00e0 n\u1ed9i dung. \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh b\u1ed1 c\u1ee5c v\u00e0 thi\u1ebft k\u1ebf c\u1ee7a c\u00e1c ph\u1ea7n t\u1eed CSS.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Theo CSS Box Model, tr\u00ecnh duy\u1ec7t web s\u1ebd cung c\u1ea5p m\u1ed7i ph\u1ea7n t\u1eed nh\u01b0 m\u1ed9t l\u0103ng tr\u1ee5 vu\u00f4ng. C\u00e1c ph\u1ea7n t\u1eed l\u00e0 n\u1ed9i dung (v\u0103n b\u1ea3n, h\u00ecnh \u1ea3nh), ph\u1ea7n \u0111\u1ec7m (khu v\u1ef1c xung quanh n\u1ed9i dung), \u0111\u01b0\u1eddng vi\u1ec1n (xung quanh ph\u1ea7n \u0111\u1ec7m) v\u00e0 l\u1ec1 (xung quanh \u0111\u01b0\u1eddng vi\u1ec1n).\u00a0<\/span><\/p>\n<h3><b>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u00edch h\u1ee3p CSS v\u00e0o HTML?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">CSS \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng ki\u1ec3u d\u00e1ng cho c\u00e1c trang web ch\u1ee9a c\u00e1c ph\u1ea7n t\u1eed HTML. N\u1ebfu nh\u01b0 HTML \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 t\u1ea1o ph\u1ea7n \u201ckhung x\u01b0\u01a1ng\u201d cho trang web th\u00ec CSS s\u1ebd gi\u00fap \u0111\u1ecbnh d\u1ea1ng cho trang web tr\u1edf n\u00ean \u1ea5n t\u01b0\u1ee3ng v\u00e0 th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng h\u01a1n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00f3 3 c\u00e1ch \u0111\u1ec3 t\u00edch h\u1ee3p CSS v\u00e0o file HTML l\u00e0 s\u1eed d\u1ee5ng th\u1ebb &lt;style&gt; trong ph\u1ea7n \u0111\u1ea7u (head section), \u0111\u1ecbnh d\u1ea1ng n\u1ed9i tuy\u1ebfn (inline styling) ho\u1eb7c vi\u1ebft CSS ra m\u1ed9t file ri\u00eang v\u00e0 t\u00edch h\u1ee3p v\u00e0o HTML b\u1eb1ng th\u1ebb &lt;link&gt;.\u00a0<\/span><\/p>\n<blockquote><p><i><span style=\"font-weight: 400;\">Xem th\u00eam: <\/span><\/i><strong><a href=\"https:\/\/itviec.com\/blog\/html-css\/\" target=\"_blank\" rel=\"noopener\"><i>HTML CSS l\u00e0 g\u00ec? 3 c\u00e1ch link CSS v\u00e0o HTML khi l\u1eadp tr\u00ecnh website<\/i><\/a><\/strong><\/p><\/blockquote>\n<h3><b>Overflow CSS l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Overflow CSS cho ph\u00e9p b\u1ea1n x\u1eed l\u00fd v\u00e0 ki\u1ec3m so\u00e1t nh\u1eefng g\u00ec x\u1ea3y ra khi tr\u00e0n n\u1ed9i dung trong h\u1ed9p ph\u1ea7n t\u1eed. Overflow x\u1ea3y ra khi n\u1ed9i dung trong ph\u1ea7n t\u1eed v\u01b0\u1ee3t qu\u00e1 m\u1ed9t ho\u1eb7c nhi\u1ec1u c\u1ea1nh c\u1ee7a h\u1ed9p. Tr\u00e0n c\u00f3 th\u1ec3 cu\u1ed9n (scrollable overflow) l\u00e0 n\u1ed9i dung xu\u1ea5t hi\u1ec7n b\u00ean ngo\u00e0i ph\u1ea7n t\u1eed m\u00e0 b\u1ea1n mu\u1ed1n th\u00eam c\u01a1 ch\u1ebf cu\u1ed9n (scroll).\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">M\u1ed9t s\u1ed1 thu\u1ed9c t\u00ednh c\u1ee7a CSS Overflow c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0:<\/span><\/p>\n<ul>\n<li><b>overflow-block v\u00e0 overflow-inline:<\/b><span style=\"font-weight: 400;\"> Thi\u1ebft l\u1eadp nh\u1eefng g\u00ec hi\u1ec3n th\u1ecb khi n\u1ed9i dung tr\u00e0n ra kh\u1ecfi c\u00e1c c\u1ea1nh b\u1eaft \u0111\u1ea7u v\u00e0 k\u1ebft th\u00fac c\u1ee7a kh\u1ed1i h\u1ed9p ph\u1ea7n t\u1eed.\u00a0<\/span><\/li>\n<li><b>overflow-x v\u00e0 overflow-y: <\/b><span style=\"font-weight: 400;\">Ch\u1ec9 \u0111\u1ecbnh thay \u0111\u1ed5i overflow c\u1ee7a c\u00e1c ph\u1ea7n t\u1eed v\u1edbi x gi\u00fap x\u1eed l\u00fd c\u1ea1nh ngang v\u00e0 y x\u1eed l\u00fd c\u1ea1nh d\u1ecdc.\u00a0<\/span><\/li>\n<li><b>scroll:<\/b><span style=\"font-weight: 400;\"> N\u1ed9i dung d\u01b0 b\u1ecb c\u1eaft nh\u01b0ng m\u1ed9t thanh cu\u1ed9n \u0111\u01b0\u1ee3c th\u00eam v\u00e0o \u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 xem \u0111\u01b0\u1ee3c ph\u1ea7n c\u00f2n l\u1ea1i c\u1ee7a n\u1ed9i dung. Thanh cu\u1ed9n c\u00f3 th\u1ec3 l\u00e0 ngang ho\u1eb7c d\u1ecdc.\u00a0<\/span><\/li>\n<li><b>visible:<\/b><span style=\"font-weight: 400;\"> N\u1ed9i dung kh\u00f4ng b\u1ecb c\u1eaft v\u00e0 c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb b\u00ean ngo\u00e0i h\u1ed9p ph\u1ea7n t\u1eed.<\/span><\/li>\n<li><b>hidden:<\/b><span style=\"font-weight: 400;\"> N\u1ed9i dung b\u1ecb c\u1eaft v\u00e0 ph\u1ea7n c\u00f2n l\u1ea1i c\u1ee7a n\u1ed9i dung b\u1ecb tr\u00e0n s\u1ebd kh\u00f4ng hi\u1ec3n th\u1ecb.\u00a0<\/span><\/li>\n<li><b>auto: <\/b><span style=\"font-weight: 400;\">Thanh cu\u1ed9n \u0111\u01b0\u1ee3c t\u1ef1 \u0111\u1ed9ng th\u00eam v\u00e0o khi n\u1ed9i dung b\u1ecb tr\u00e0n.\u00a0<\/span><\/li>\n<\/ul>\n<blockquote><p><i><span style=\"font-weight: 400;\">Xem th\u00eam: <\/span><\/i><strong><a href=\"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-css\/\"><i>Top 30+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n CSS t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao<\/i><\/a><\/strong><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Cau_hoi_phong_van_HTML_CSS_danh_cho_Middle_Developer\"><\/span><b>C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho Middle Developer<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u1ea1o trang web l\u1ed3ng v\u00e0o nhau trong HTML?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Khi n\u1ed9i dung c\u1ee7a m\u1ed9t trang web \u0111\u01b0\u1ee3c nh\u00fang v\u00e0o m\u1ed9t trang web kh\u00e1c th\u00ec \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 trang web l\u1ed3ng nhau. Trang web l\u1ed3ng nhau c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c t\u1ea1o ra b\u1eb1ng 2 ph\u01b0\u01a1ng ph\u00e1p:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;iframe&gt;:<\/b><span style=\"font-weight: 400;\"> Vi\u1ebft t\u1eaft c\u1ee7a c\u1ee5m Inline Frame, \u0111\u1ecbnh ngh\u0129a m\u1ed9t v\u00f9ng h\u00ecnh ch\u1eef nh\u1eadt trong t\u00e0i li\u1ec7u m\u00e0 tr\u00ecnh duy\u1ec7t c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb m\u1ed9t t\u00e0i li\u1ec7u ri\u00eang bi\u1ec7t, bao g\u1ed3m thanh cu\u1ed9n v\u00e0 \u0111\u01b0\u1eddng vi\u1ec1n.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;embed&gt;:<\/b><span style=\"font-weight: 400;\"> \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 nh\u00fang c\u00e1c \u1ee9ng d\u1ee5ng b\u00ean ngo\u00e0i, th\u01b0\u1eddng l\u00e0 n\u1ed9i dung \u0111a ph\u01b0\u01a1ng ti\u1ec7n nh\u01b0 \u00e2m thanh ho\u1eb7c video trong file HTML.\u00a0<\/span><\/li>\n<\/ul>\n<h3><b>Semantic tag trong HTML l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Ph\u1ea7n t\u1eed ng\u1eef ngh\u0129a (semantic tag) cho bi\u1ebft \u00fd ngh\u0129a c\u1ee7a lo\u1ea1i n\u1ed9i dung, ch\u1eb3ng h\u1ea1n nh\u01b0 header, footer, table,&#8230; gi\u00fap l\u1eadp tr\u00ecnh vi\u00ean d\u1ec5 vi\u1ebft, m\u00e3 d\u1ec5 hi\u1ec3u c\u0169ng nh\u01b0 h\u01b0\u1edbng d\u1eabn tr\u00ecnh duy\u1ec7t c\u00e1ch x\u1eed l\u00fd ch\u00fang.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>article:<\/b><span style=\"font-weight: 400;\"> Ch\u1ee9a n\u1ed9i dung \u0111\u1ed9c l\u1eadp kh\u00f4ng y\u00eau c\u1ea7u b\u1ea5t k\u1ef3 ng\u1eef c\u1ea3nh kh\u00e1c.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>aside:<\/b><span style=\"font-weight: 400;\"> \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111\u1eb7t n\u1ed9i dung trong thanh b\u00ean, t\u1ee9c ngo\u00e0i n\u1ed9i dung hi\u1ec7n c\u00f3.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>details:<\/b><span style=\"font-weight: 400;\"> \u0110\u1ecbnh ngh\u0129a chi ti\u1ebft b\u1ed5 sung m\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 \u1ea9n ho\u1eb7c xem.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>figure &amp; figcaption: <\/b><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 th\u00eam h\u00ecnh \u1ea3nh v\u00e0o trang web v\u1edbi m\u00f4 t\u1ea3 nh\u1ecf.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>footer:<\/b><span style=\"font-weight: 400;\"> N\u1eb1m \u1edf cu\u1ed1i b\u1ea5t k\u1ef3 b\u00e0i vi\u1ebft ho\u1eb7c t\u00e0i li\u1ec7u n\u00e0o, c\u00f3 th\u1ec3 ch\u1ee9a th\u00f4ng tin li\u00ean h\u1ec7 ho\u1eb7c th\u00f4ng tin b\u1ea3n quy\u1ec1n,&#8230;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>header:<\/b><span style=\"font-weight: 400;\"> \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0m ti\u00eau \u0111\u1ec3 c\u1ee7a ph\u1ea7n gi\u1edbi thi\u1ec7u c\u1ee7a trang.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>main: <\/b><span style=\"font-weight: 400;\">\u0110\u1ecbnh ngh\u0129a n\u1ed9i dung ch\u00ednh c\u1ee7a t\u00e0i li\u1ec7u.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>mark:<\/b><span style=\"font-weight: 400;\"> \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u00e0m n\u1ed5i b\u1eadt v\u0103n b\u1ea3n.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>nav: <\/b><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111\u1ecbnh ngh\u0129a m\u1ed9t t\u1eadp h\u1ee3p c\u00e1c li\u00ean k\u1ebft \u0111i\u1ec1u h\u01b0\u1edbng d\u01b0\u1edbi d\u1ea1ng thanh \u0111i\u1ec1u h\u01b0\u1edbng ho\u1eb7c menu \u0111i\u1ec1u h\u01b0\u1edbng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>section:<\/b><span style=\"font-weight: 400;\"> M\u1ed9t trang c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c chia th\u00e0nh nhi\u1ec1u ph\u1ea7n nh\u01b0 gi\u1edbi thi\u1ec7u, th\u00f4ng tin li\u00ean h\u1ec7 ho\u1eb7c n\u1ed9i dung,&#8230; M\u1ed7i ph\u1ea7n c\u00f3 th\u1ec3 n\u1eb1m trong m\u1ed7i th\u1ebb &lt;section&gt; kh\u00e1c nhau.<\/span><\/li>\n<\/ul>\n<h3><b>Ph\u00e2n bi\u1ec7t gi\u1eefa ph\u01b0\u01a1ng th\u1ee9c POST v\u00e0 GET<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">HTTP (The Hypertext Transfer Protocol) \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 cho ph\u00e9p giao ti\u1ebfp gi\u1eefa m\u00e1y kh\u00e1ch (client-side) v\u00e0 m\u00e1y ch\u1ee7 (server-side). HTTP ho\u1ea1t \u0111\u1ed9ng nh\u01b0 m\u1ed9t giao th\u1ee9c y\u00eau c\u1ea7u-ph\u1ea3n h\u1ed3i gi\u1eefa m\u00e1y kh\u00e1ch v\u00e0 m\u00e1y ch\u1ee7. C\u00f3 2 ph\u01b0\u01a1ng th\u1ee9c y\u00eau c\u1ea7u HTTP l\u00e0 GET v\u00e0 POST.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00e1c ph\u1ea7n in \u0111\u1eadm trong URL l\u00e0 tham s\u1ed1 GET v\u00e0 ph\u1ea7n in nghi\u00eang l\u00e0 gi\u00e1 tr\u1ecb c\u1ee7a tham s\u1ed1 \u0111\u00f3.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 nh\u00fang nhi\u1ec1u h\u01a1n m\u1ed9t tham s\u1ed1 = gi\u00e1 tr\u1ecb v\u00e0o URL b\u1eb1ng c\u00e1ch n\u1ed1i v\u1edbi d\u1ea5u th\u0103ng (&amp;).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ch\u1ec9 c\u00f3 th\u1ec3 g\u1eedi d\u1eef li\u1ec7u v\u0103n b\u1ea3n \u0111\u01a1n gi\u1ea3n qua ph\u01b0\u01a1ng th\u1ee9c GET.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, c\u1ea3 hai ph\u01b0\u01a1ng th\u1ee9c c\u00f3 nh\u1eefng \u0111i\u1ec3m kh\u00e1c bi\u1ec7t nh\u01b0:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><b>GET<\/b><\/td>\n<td><b>POST<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Y\u00eau c\u1ea7u d\u1eef li\u1ec7u t\u1eeb m\u1ed9t t\u00e0i nguy\u00ean \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 g\u1eedi d\u1eef li\u1ec7u c\u1ea7n x\u1eed l\u00fd \u0111\u1ebfn m\u1ed9t t\u00e0i nguy\u00ean \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">C\u00f3 gi\u1edbi h\u1ea1n v\u1ec1 \u0111\u1ed9 d\u00e0i URL (kho\u1ea3ng 2048 k\u00fd t\u1ef1)<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng gi\u1edbi h\u1ea1n \u0111\u1ed9 d\u00e0i d\u1eef li\u1ec7u<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">D\u1eef li\u1ec7u hi\u1ec3n th\u1ecb tr\u00ean URL (kh\u00f4ng b\u1ea3o m\u1eadt).<\/span><\/td>\n<td><span style=\"font-weight: 400;\">D\u1eef li\u1ec7u \u0111\u01b0\u1ee3c g\u1eedi trong body request (c\u00f3 t\u00ednh b\u1ea3o m\u1eadt h\u01a1n)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 cache<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng cache \u0111\u01b0\u1ee3c<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng thay \u0111\u1ed5i d\u1eef li\u1ec7u server (idempotent)<\/span><\/td>\n<td><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 thay \u0111\u1ed5i d\u1eef li\u1ec7u server<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>SVG trong HTML l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">SVG (Scalable Vector Graphics &#8211; \u0110\u1ed3 h\u1ecda vector c\u00f3 th\u1ec3 m\u1edf r\u1ed9ng) \u0111\u1ecbnh ngh\u0129a \u0111\u1ed3 h\u1ecda d\u1ef1a tr\u00ean vector theo \u0111\u1ecbnh d\u1ea1ng XML. \u0110\u1ed3 h\u1ecda SVG kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng n\u1ebfu ch\u00fang \u0111\u01b0\u1ee3c ph\u00f3ng to ho\u1eb7c thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc. M\u1ecdi th\u00e0nh ph\u1ea7n v\u00e0 thu\u1ed9c t\u00ednh trong SVG \u0111\u1ec1u c\u00f3 \u0111\u01b0\u1ee3c ho\u1ea1t h\u00ecnh h\u00f3a.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u01afu \u0111i\u1ec3m c\u1ee7a SVG so v\u1edbi c\u00e1c \u0111\u1ecbnh d\u1ea1ng h\u00ecnh \u1ea3nh kh\u00e1c nh\u01b0 JPEG v\u00e0 GIF c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">H\u00ecnh \u1ea3nh SVG c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c t\u1ea1o v\u00e0 ch\u1ec9nh s\u1eeda b\u1eb1ng b\u1ea5t k\u1ef3 tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n n\u00e0o.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c t\u00ecm ki\u1ebfm, l\u1eadp ch\u1ec9 m\u1ee5c, vi\u1ebft k\u1ecbch b\u1ea3n v\u00e0 n\u00e9n.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 m\u1edf r\u1ed9ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c in v\u1edbi ch\u1ea5t l\u01b0\u1ee3ng cao \u1edf b\u1ea5t k\u1ef3 \u0111\u1ed9 ph\u00e2n gi\u1ea3i n\u00e0o.<\/span><\/li>\n<\/ul>\n<h3><b>HTML Web Storage API l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">SessionStorage v\u00e0 LocalStorage \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn l\u00e0 API l\u01b0u tr\u1eef web. D\u1eef li\u1ec7u c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c l\u01b0u tr\u1eef \u1edf ph\u00eda m\u00e1y kh\u00e1ch b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng API n\u00e0y.<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><b>SessionStorage<\/b><\/td>\n<td><b>LocalStorage<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u \u1edf ph\u00eda m\u00e1y kh\u00e1ch.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Gi\u1edbi h\u1ea1n l\u01b0u tr\u1eef d\u1eef li\u1ec7u t\u1ed1i \u0111a t\u00f9y theo tr\u00ecnh duy\u1ec7t.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">D\u1eef li\u1ec7u s\u1ebd t\u1ed3n t\u1ea1i cho \u0111\u1ebfn khi tab hi\u1ec7n t\u1ea1i m\u1edf, n\u1ebfu \u0111\u00f3ng tab hi\u1ec7n t\u1ea1i th\u00ec d\u1eef li\u1ec7u c\u0169ng s\u1ebd t\u1ef1 \u0111\u1ed9ng x\u00f3a kh\u1ecfi SessionStorage.<\/span><\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u \u1edf ph\u00eda m\u00e1y kh\u00e1ch.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Dung l\u01b0\u1ee3ng l\u01b0u tr\u1eef t\u00f9y tr\u00ecnh duy\u1ec7t.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Kh\u00f4ng c\u00f3 th\u1eddi gian h\u1ebft h\u1ea1n, d\u1eef li\u1ec7u trong LocalStorage v\u1eabn t\u1ed3n t\u1ea1i cho \u0111\u1ebfn khi ng\u01b0\u1eddi d\u00f9ng x\u00f3a th\u1ee7 c\u00f4ng.<\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>Form l\u00e0 g\u00ec v\u00e0 c\u00e1ch t\u1ea1o form trong HTML?<\/b><\/h3>\n<p><a href=\"https:\/\/itviec.com\/blog\/login-form-html\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"><strong>Bi\u1ec3u m\u1eabu HTML<\/strong><\/span><\/a><span style=\"font-weight: 400;\"> l\u00e0 m\u1ed9t t\u00e0i li\u1ec7u l\u01b0u tr\u1eef th\u00f4ng tin c\u1ee7a ng\u01b0\u1eddi d\u00f9ng tr\u00ean m\u00e1y ch\u1ee7 web b\u1eb1ng c\u00e1c \u0111i\u1ec1u khi\u1ec3n t\u01b0\u01a1ng t\u00e1c. Bi\u1ec3u m\u1eabu HTML ch\u1ee9a nhi\u1ec1u lo\u1ea1i th\u00f4ng tin kh\u00e1c nh\u01b0 nh\u01b0 t\u00ean ng\u01b0\u1eddi d\u00f9ng, m\u1eadt kh\u1ea9u, s\u1ed1 di\u1ec7n tho\u1ea1i, ID ho\u1eb7c email.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00e1c th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong bi\u1ec3u m\u1eabu HTML th\u01b0\u1eddng l\u00e0 h\u1ed9p ki\u1ec3m, h\u1ed9p nh\u1eadp, n\u00fat radio, n\u00fat g\u1eedi,&#8230; Khi s\u1eed d\u1ee5ng c\u00e1c th\u00e0nh ph\u1ea7n n\u00e0y, th\u00f4ng tin c\u1ee7a ng\u01b0\u1eddi d\u00f9ng s\u1ebd \u0111\u01b0\u1ee3c g\u1eedi l\u00ean m\u00e1y ch\u1ee7 web.\u00a0<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0&lt;form&gt;\u00a0<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Username:<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;br&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;input type=\"text\"\u00a0<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0name=\"username\"&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;br&gt;\u00a0<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Email id:<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;input type=\"text\"\u00a0<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0name=\"email_id\"&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;br&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;input type=\"submit\"\u00a0<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0value=\"Submit\"&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0&lt;\/form&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<h3><b>Ph\u00e2n bi\u1ec7t gi\u1eefa div v\u00e0 span<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">C\u1ea3 hai th\u1ebb &lt;div&gt; v\u00e0 &lt;span&gt; \u0111\u1ec1u \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 bi\u1ec3u di\u1ec5n m\u1ed9t ph\u1ea7n c\u1ee7a trang web. Th\u1ebb &lt;div&gt; \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nh\u01b0 m\u1ed9t th\u00e0nh ph\u1ea7n kh\u1ed1i (block component) v\u00e0 &lt;span&gt; \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0m th\u00e0nh ph\u1ea7n n\u1ed9i tuy\u1ebfn (inline).<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/itviec.com\/blog\/the-div-trong-html\/\" target=\"_blank\" rel=\"noopener\"><b>&lt;div&gt;<\/b><\/a><b>: <\/b><span style=\"font-weight: 400;\">Th\u1ebb c\u1ea5p kh\u1ed1i (block) \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong HTML \u0111\u1ec3 ph\u00e2n chia n\u1ed9i dung tr\u00ean trang web (v\u0103n b\u1ea3n, h\u00ecnh \u1ea3nh, ti\u00eau \u0111\u1ec1, ch\u00e2n trang hay thanh \u0111i\u1ec1u h\u01b0\u1edbng,&#8230;.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>&lt;span&gt;: <\/b><span style=\"font-weight: 400;\">M\u1ed9t v\u00f9ng ch\u1ee9a n\u1ed9i tuy\u1ebfn chung cho c\u00e1c ph\u1ea7n t\u1eed v\u00e0 n\u1ed9i dung n\u1ed9i tuy\u1ebfn. \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 nh\u00f3m c\u00e1c ph\u1ea7n t\u1eed cho m\u1ee5c \u0111\u00edch t\u1ea1o ki\u1ec3u (b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh id ho\u1eb7c class).<\/span><\/li>\n<\/ul>\n<pre><span style=\"font-weight: 400;\">&lt;div&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ITviec Blog - \u00dd t\u01b0\u1edfng ph\u00e1t tri\u1ec3n s\u1ef1 nghi\u1ec7p IT c\u1ee7a b\u1ea1n<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0&lt;span&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ITviec Blog<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0&lt;span&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/div&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">\u0110i\u1ec3m kh\u00e1c bi\u1ec7t gi\u1eefa &lt;div&gt; v\u00e0 &lt;span&gt; c\u1ee5 th\u1ec3 nh\u01b0 sau:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><b>div<\/b><\/td>\n<td><b>span<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Ph\u1ea7n t\u1eed c\u1ea5p kh\u1ed1i (block-level element)<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Ph\u1ea7n t\u1eed n\u1ed9i tuy\u1ebfn (inline element)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">\u0110\u00ednh k\u00e8m v\u00e0o m\u1ed9t ph\u1ea7n c\u1ee7a trang web<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u00ednh k\u00e8m CSS v\u00e0o m\u1ed9t ph\u1ea7n nh\u1ecf c\u1ee7a m\u1ed9t d\u00f2ng tr\u00ean trang web.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Ch\u1ea5p nh\u1eadn thu\u1ed9c t\u00ednh align (HTML5 kh\u00f4ng khuy\u1ebfn kh\u00edch, c\u00f3 th\u1ec3 d\u00f9ng k\u1ebft h\u1ee3p v\u1edbi CSS Grid v\u00e0 Flexbox)<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng ch\u1ea5p nh\u1eadn thu\u1ed9c t\u00ednh align<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 bao b\u1ecdc m\u1ed9t ph\u1ea7n v\u00e0 l\u00e0m n\u1ed5i b\u1eadt ph\u1ea7n \u0111\u00f3<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 bao b\u1ecdc b\u1ea5t k\u1ef3 t\u1eeb c\u1ee5 th\u1ec3 n\u00e0o m\u00e0 b\u1ea1n mu\u1ed1n l\u00e0m n\u1ed5i b\u1eadt tr\u00ean trang web c\u1ee7a m\u00ecnh.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>B\u1ea1n hi\u1ec3u g\u00ec v\u1ec1 HTML Canvas?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">HTML Canvas \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 v\u1ebd \u0111\u1ed3 h\u1ecda th\u00f4ng qua JavaScript. Ph\u1ea7n t\u1eed \u201ccanvas\u201d ch\u1ec9 l\u00e0 m\u1ed9t v\u00f9ng ch\u1ee9a \u0111\u1ed3 h\u1ecda v\u00e0 ph\u1ea3i s\u1eed d\u1ee5ng JavaScript \u0111\u1ec3 v\u1ebd \u0111\u1ed3 h\u1ecda ho\u00e0n ch\u1ec9nh. Canvas c\u00f3 m\u1ed9t s\u1ed1 ph\u01b0\u01a1ng ph\u00e1p \u0111\u1ec3 v\u1ebd \u0111\u01b0\u1eddng d\u1eabn, h\u1ed9p, h\u00ecnh tr\u00f2n, v\u0103n b\u1ea3n v\u00e0 th\u00eam h\u00ecnh \u1ea3nh.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: Canvas s\u1ebd l\u00e0 m\u1ed9t v\u00f9ng h\u00ecnh ch\u1eef nh\u1eadt tr\u00ean trang HTML. Theo m\u1eb7c \u0111\u1ecbnh, canvas kh\u00f4ng c\u00f3 \u0111\u01b0\u1eddng vi\u1ec1n v\u00e0 n\u1ed9i dung. Do \u0111\u00f3, thu\u1ed9c t\u00ednh id \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh \u0111\u1ec3 tham chi\u1ebfu \u0111\u1ebfn n\u00f3 trong m\u1ed9t t\u1eadp l\u1ec7nh, thu\u1ed9c t\u00ednh width v\u00e0 height \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh k\u00edch th\u01b0\u1edbc c\u1ee7a canvas. Thu\u1ed9c t\u00ednh style \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 th\u00eam \u0111\u01b0\u1eddng vi\u1ec1n.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0&lt;canvas id=\"myCanvas\"\u00a0<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width=\"400\"\u00a0<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height=\"200\"<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0style=\"border:2px solid #000000;\"&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0&lt;\/canvas&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-84361\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-2-vippro.jpg\" alt=\"c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n html css- itviec blog\" width=\"702\" height=\"279\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-2-vippro.jpg 702w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-2-vippro-300x119.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-2-vippro-640x254.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-2-vippro-200x79.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-2-vippro-100x40.jpg 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-2-vippro-700x278.jpg 700w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 hi\u1ec3n th\u1ecb c\u1ee7a \u0111o\u1ea1n m\u00e3 tr\u00ean.<\/span><\/i><\/p>\n<h3><b>B\u1ea1n hi\u1ec3u nh\u01b0 th\u1ebf n\u00e0o v\u1ec1 z-index?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u00e2y l\u00e0 m\u1ed9t trong nh\u1eefng c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n CSS th\u01b0\u1eddng g\u1eb7p. Z-index \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 ch\u1ec9 \u0111\u1ecbnh th\u1ee9 t\u1ef1 x\u1ebfp ch\u1ed3ng c\u1ee7a c\u00e1c ph\u1ea7n t\u1eed ch\u1ed3ng l\u00ean nhau.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh c\u1ee7a n\u00f3 l\u00e0 s\u1ed1 kh\u00f4ng v\u00e0 c\u00f3 th\u1ec3 nh\u1eadn c\u1ea3 gi\u00e1 tr\u1ecb \u00e2m c\u00f9ng gi\u00e1 tr\u1ecb d\u01b0\u01a1ng. <\/span><span style=\"font-weight: 400;\">Gi\u00e1 tr\u1ecb z-index cao h\u01a1n \u0111\u01b0\u1ee3c x\u1ebfp ch\u1ed3ng l\u00ean ph\u1ea7n t\u1eed c\u00f3 ch\u1ec9 m\u1ee5c th\u1ea5p h\u01a1n. N\u00f3 nh\u1eadn c\u00e1c gi\u00e1 tr\u1ecb nh\u01b0 auto, number, initial v\u00e0 heir.<\/span><\/p>\n<h3><b>L\u1ee3i \u00edch c\u1ee7a CSS Sprites l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">CSS Sprites l\u00e0 m\u1ed9t t\u1eadp h\u1ee3p c\u00e1c h\u00ecnh \u1ea3nh \u0111\u01b0\u1ee3c k\u1ebft h\u1ee3p th\u00e0nh m\u1ed9t file duy nh\u1ea5t m\u00e0 file HTML c\u00f3 th\u1ec3 truy c\u1eadp. Nh\u1eefng h\u00ecnh \u1ea3nh n\u00e0y sau \u0111\u00f3 \u0111\u01b0\u1ee3c g\u1ecdi v\u00e0o s\u1eed d\u1ee5ng trong m\u00e3 HTML \u0111\u1ec3 hi\u1ec3n th\u1ecb tr\u00ean trang web.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u1edbi CSS Sprites, vi\u1ec7c t\u1ea3i nhi\u1ec1u h\u00ecnh \u1ea3nh l\u00ean m\u00e0 kh\u00f4ng s\u1ebd d\u1ec5 d\u00e0ng h\u01a1n.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Kh\u00f4ng th\u1ea5y nh\u1ea5p nh\u00e1y.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Kh\u00f4ng t\u1ea3i xu\u1ed1ng t\u00e0i s\u1ea3n n\u00e2ng cao cho \u0111\u1ebfn khi c\u1ea7n thi\u1ebft.\u00a0<\/span><\/li>\n<\/ul>\n<h3><b>CSS ch\u1ea5p nh\u1eadn c\u00e1c \u0111\u1ecbnh d\u1ea1ng media n\u00e0o?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">M\u1ed9t s\u1ed1 lo\u1ea1i ph\u01b0\u01a1ng ti\u1ec7n ch\u1ec9 \u0111\u1ecbnh c\u00e1c thi\u1ebft b\u1ecb m\u00e0 CSS c\u00f3 th\u1ec3 ch\u1ea5p nh\u1eadn bao g\u1ed3m:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><b>\u0110\u1ecbnh d\u1ea1ng<\/b><\/td>\n<td><b>Chi ti\u1ebft<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">print<\/span><\/td>\n<td><span style=\"font-weight: 400;\">D\u00f9ng cho m\u00e1y in<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">screen<\/span><\/td>\n<td><span style=\"font-weight: 400;\">T\u01b0\u01a1ng th\u00edch v\u1edbi m\u00e0n h\u00ecnh m\u00e1y t\u00ednh, m\u00e1y t\u00ednh b\u1ea3ng ho\u1eb7c \u0111i\u1ec7n tho\u1ea1i th\u00f4ng minh<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">speech<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c thi\u1ebft k\u1ebf cho tr\u00ecnh \u0111\u1ecdc m\u00e0n h\u00ecnh n\u1ed9i dung<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">audio, visual<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Cho ph\u00e9p ch\u00e8n \u00e2m thanh c\u00f9ng h\u00ecnh \u1ea3nh v\u00e0o tr\u00ecnh duy\u1ec7t web.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">grip media\u00a0<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Ki\u1ec3m tra xem thi\u1ebft b\u1ecb s\u1ebd hi\u1ec3n th\u1ecb d\u01b0\u1edbi d\u1ea1ng l\u01b0\u1edbi hay bitmap.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">interactive media<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Thi\u1ebft b\u1ecb cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng t\u01b0\u01a1ng t\u00e1c v\u1edbi trang web.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">all<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u00c1p d\u1ee5ng t\u1ea5t c\u1ea3 c\u00e1c thi\u1ebft b\u1ecb<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 ki\u1ec3m so\u00e1t s\u1ef1 l\u1eb7p l\u1ea1i c\u1ee7a h\u00ecnh \u1ea3nh trong CSS?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 ki\u1ec3m so\u00e1t s\u1ef1 l\u1eb7p l\u1ea1i c\u1ee7a h\u00ecnh \u1ea3nh trong CSS, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh background-repeat. \u0110\u00e2y l\u00e0 thu\u1ed9c t\u00ednh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u1eb7p l\u1ea1i h\u00ecnh n\u1ec1n theo c\u1ea3 chi\u1ec1u ngang v\u00e0 chi\u1ec1u d\u1ecdc. \u0110\u1ed3ng th\u1eddi thu\u1ed9c t\u00ednh n\u00e0y c\u0169ng quy\u1ebft \u0111\u1ecbnh h\u00ecnh n\u1ec1n c\u00f3 \u0111\u01b0\u1ee3c l\u1eb7p l\u1ea1i hay kh\u00f4ng.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00fa ph\u00e1p c\u1ee7a thu\u1ed9c t\u00ednh background-repeat nh\u01b0 sau:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Ch\u1eb3ng h\u1ea1n nh\u01b0 v\u00ed d\u1ee5 sau, s\u1eed d\u1ee5ng repeat-x \u0111\u1ec3 l\u1eb7p l\u1ea1i h\u00ecnh \u1ea3nh theo chi\u1ec1u ngang:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;head&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;title&gt;background-repeat property&lt;\/title&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;style&gt;<\/span>\r\n<span style=\"font-weight: 400;\">body {<\/span>\r\n<span style=\"font-weight: 400;\">margin-top: 40px;<\/span>\r\n<span style=\"font-weight: 400;\">background-image: url(<\/span>\r\n<span style=\"font-weight: 400;\">\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2020\/12\/blog_logo_retina.png\");<\/span>\r\n<b>background-repeat: repeat-x;<\/b>\r\n<span style=\"font-weight: 400;\">background-size: 150px 100px;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-color:black;<\/span>\r\n<span style=\"font-weight: 400;\">}<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/style&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/head&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-84362\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-1-vippro.jpg\" alt=\"c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n html css- itviec blog\" width=\"889\" height=\"168\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-1-vippro.jpg 889w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-1-vippro-300x57.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-1-vippro-640x121.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-1-vippro-200x38.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-1-vippro-768x145.jpg 768w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-1-vippro-100x19.jpg 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-van-html-css-1-vippro-700x132.jpg 700w\" sizes=\"auto, (max-width: 889px) 100vw, 889px\" \/><\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 hi\u1ec3n th\u1ecb cho \u0111o\u1ea1n m\u00e3 tr\u00ean.<\/span><\/i><\/p>\n<h3><b>B\u1ea1n hi\u1ec3u g\u00ec v\u1ec1 thi\u1ebft k\u1ebf giao di\u1ec7n \u0111\u00e1p \u1ee9ng (Responsive Web Design)?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Thi\u1ebft k\u1ebf giao di\u1ec7n web \u0111\u00e1p \u1ee9ng l\u00e0 ph\u01b0\u01a1ng ph\u00e1p t\u1ea1o trang web s\u1eed d\u1ee5ng h\u00ecnh \u1ea3nh, b\u1ed1 c\u1ee5c v\u00e0 truy v\u1ea5n ph\u01b0\u01a1ng ti\u1ec7n CSS linh ho\u1ea1t.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ph\u01b0\u01a1ng ph\u00e1p thi\u1ebft k\u1ebf n\u00e0y nh\u1eb1m m\u1ee5c \u0111\u00edch x\u00e2y d\u1ef1ng c\u00e1c trang web c\u00f3 th\u1ec3 ph\u00e1t hi\u1ec7n h\u01b0\u1edbng c\u1ee7a kh\u00e1ch truy c\u1eadp v\u00e0 k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh \u0111\u1ec3 c\u00f3 th\u1ec3 thay \u0111\u1ed5i b\u1ed1 c\u1ee5c cho ph\u00f9 h\u1ee3p.\u00a0<\/span><\/p>\n<h3><b>VH\/VW (viewport height\/ viewport width) trong CSS l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">VH v\u00e0 VW l\u00e0 c\u00e1c \u0111\u01a1n v\u1ecb CSS \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111o chi\u1ec1u cao c\u00f9ng chi\u1ec1u r\u1ed9ng c\u1ee7a viewport theo d\u1ea1ng ph\u1ea7n tr\u0103m (%) trong c\u00e1c k\u1ef9 thu\u1eadt thi\u1ebft k\u1ebf \u0111\u00e1p \u1ee9ng (responsive design).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">1vh = 1% chi\u1ec1u cao viewport (height)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">1vw = 1% chi\u1ec1u r\u1ed9ng viewport (width)<\/span><\/p>\n<p><b>V\u00ed d\u1ee5:<\/b><span style=\"font-weight: 400;\"> N\u1ebfu viewport cao 1000px, ngh\u0129a l\u00e0 1vh = 10px v\u00e0 100vh = 1000px<\/span><\/p>\n<h3><b>Pseudo class l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Pseudo class l\u00e0 m\u1ed9t t\u1eeb kh\u00f3a \u0111\u01b0\u1ee3c th\u00eam v\u00e0o selector \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh tr\u1ea1ng th\u00e1i \u0111\u1eb7c bi\u1ec7t c\u1ee7a element. N\u00f3 cho ph\u00e9p ch\u1ecdn c\u00e1c element th\u00f4ng th\u01b0\u1eddng trong m\u1ed9t s\u1ed1 \u0111i\u1ec1u ki\u1ec7n nh\u1ea5t \u0111\u1ecbnh, \u0111\u1eb7c bi\u1ec7t l\u00e0 khi c\u1ed1 g\u1eafng di chu\u1ed9t qua c\u00e1c li\u00ean k\u1ebft nh\u01b0 th\u1ebb neo l\u00e0 :link, :vistied; :hover, :active hay :focus.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">selector:pseudo-class {<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\/* styles *\/<\/span>\r\n\r\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n<h3><b>S\u1ef1 kh\u00e1c nhau gi\u1eefa Grid v\u00e0 flexbox l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">S\u1ef1 kh\u00e1c bi\u1ec7t c\u01a1 b\u1ea3n gi\u1eefa CSS grid layout v\u00e0 CSS flexbox layout l\u00e0 flexbox \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 b\u1ed1 tr\u00ed theo m\u1ed9t chi\u1ec1u, m\u1ed9t h\u00e0ng ho\u1eb7c m\u1ed9t c\u1ed9t. Trong khi \u0111\u00f3, grid \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf cho c\u00e1c b\u1ed1 c\u1ee5c hai chi\u1ec1u, h\u00e0ng ho\u1eb7c c\u1ed9t c\u00f9ng m\u1ed9t l\u00fac.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa grid v\u00e0 flexbox c\u00f2n th\u1ec3 hi\u1ec7n qua c\u00e1c y\u1ebfu t\u1ed1 nh\u01b0 sau:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><b>Y\u1ebfu t\u1ed1<\/b><\/td>\n<td><b>Grid<\/b><\/td>\n<td><b>Flexbox<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">K\u00edch th\u01b0\u1edbc<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Hai chi\u1ec1u<\/span><\/td>\n<td><span style=\"font-weight: 400;\">M\u1ed9t chi\u1ec1u<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">T\u00ednh n\u0103ng<\/span><\/td>\n<td><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 k\u1ebft h\u1ee3p linh ho\u1ea1t c\u00e1c m\u1ee5c th\u00f4ng qua t\u00ednh n\u0103ng space-occupying.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 \u0111\u1ea9y ph\u1ea7n t\u1eed n\u1ed9i dung \u0111\u1ebfn m\u1ee9c c\u0103n ch\u1ec9nh c\u1ef1c \u0111\u1ed9.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">H\u1ed7 tr\u1ee3<\/span><\/td>\n<td><span style=\"font-weight: 400;\">B\u1ed1 c\u1ee5c tr\u01b0\u1edbc<\/span><\/td>\n<td><span style=\"font-weight: 400;\">N\u1ed9i dung tr\u01b0\u1edbc<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Hi\u1ec7u su\u1ea5t<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u1ed4n \u0111\u1ecbnh<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Nhanh h\u01a1n do b\u1ed1 c\u1ee5c \u0111\u01a1n gi\u1ea3n<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">M\u1ee5c \u0111\u00edch s\u1eed d\u1ee5ng<\/span><\/td>\n<td><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng cho c\u00e1c layout k\u00edch th\u01b0\u1edbc l\u1edbn, t\u1ea1o b\u1ed1 c\u1ee5c ph\u1ee9c t\u1ea1p v\u1edbi c\u00e1c h\u00e0ng v\u00e0 c\u1ed9t.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng cho c\u00e1c th\u00e0nh ph\u1ea7n c\u1ee7a \u1ee9ng d\u1ee5ng. C\u0103n ch\u1ec9nh c\u00e1c m\u1ee5c trong m\u1ed9t h\u00e0ng ho\u1eb7c c\u1ed9t.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>S\u1ef1 kh\u00e1c nhau gi\u1eefa thi\u1ebft k\u1ebf th\u00edch \u1ee9ng (adaptive design) v\u00e0 thi\u1ebft k\u1ebf \u0111\u00e1p \u1ee9ng (responsive design) l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u1ed1i v\u1edbi thi\u1ebft k\u1ebf th\u00edch \u1ee9ng (adaptive design):<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">M\u1ee5c ti\u00eau ch\u00ednh l\u00e0 ph\u00e1t tri\u1ec3n trang web v\u1edbi k\u00edch th\u01b0\u1edbc v\u00e0 b\u1ed1 c\u1ee5c c\u1ed1 \u0111\u1ecbnh.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110em l\u1ea1i kh\u1ea3 n\u0103ng ki\u1ec3m so\u00e1t t\u1ed1t \u0111\u1ed1i v\u1edbi giao di\u1ec7n \u0111\u1ec3 ph\u00e1t tri\u1ec3n s\u1ef1 thay \u0111\u1ed5i tr\u00ean m\u00e0n h\u00ecnh.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">X\u00e2y d\u1ef1ng thi\u1ebft k\u1ebf th\u00edch \u1ee9ng m\u1ea5t nhi\u1ec1u th\u1eddi gian v\u00e0 \u0111\u00f2i h\u1ecfi s\u1ef1 n\u1ed7 l\u1ef1c, b\u1edfi v\u00ec c\u1ea7n ph\u1ea3i c\u00e2n nh\u1eafc nhi\u1ec1u t\u00f9y ch\u1ecdn li\u00ean quan \u0111\u1ebfn th\u1ef1c t\u1ebf c\u1ee7a ng\u01b0\u1eddi d\u00f9ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00f3 6 k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh ti\u00eau chu\u1ea9n l\u00e0 320px, 480px, 760px, 960px, 1200px v\u00e0 1600px.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">C\u00f2n \u0111\u1ed1i v\u1edbi thi\u1ebft k\u1ebf \u0111\u00e1p \u1ee9ng (responsive design):<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">M\u1ee5c ti\u00eau ch\u00ednh l\u00e0 hi\u1ec3n th\u1ecb n\u1ed9i dung li\u00ean quan \u0111\u1ebfn kh\u00f4ng gian tr\u00ecnh duy\u1ec7t.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00cdt quy\u1ec1n ki\u1ec3m so\u00e1t v\u1ec1 thi\u1ebft k\u1ebf h\u01a1n.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ti\u1ebft ki\u1ec7m th\u1eddi gian l\u1eadp tr\u00ecnh v\u00e0 thi\u1ebft k\u1ebf web h\u01a1n, \u0111\u1ed3ng th\u1eddi kh\u00f4ng c\u00f3 v\u1ea5n \u0111\u1ec1 v\u1ec1 k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh hay n\u1ed9i dung.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng truy v\u1ea5n ph\u01b0\u01a1ng ti\u1ec7n (CSS Media Queries) \u0111\u1ec3 thi\u1ebft k\u1ebf b\u1ed1 c\u1ee5c m\u00e0n h\u00ecnh cho thi\u1ebft b\u1ecb c\u1ee5 th\u1ec3 v\u00e0 thay \u0111\u1ed5i thu\u1ed9c t\u00ednh.<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Cau_hoi_phong_van_HTML_CSS_danh_cho_Senior_Developer\"><\/span><b>C\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho Senior Developer<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 th\u00eam JavaScript v\u00e0o HTML?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">C\u00e1c t\u1ec7p l\u1ec7nh c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u0111\u1eb7t b\u00ean trong n\u1ed9i dung (body), ph\u1ea7n \u0111\u1ea7u trang HTML, b\u00ean trong header v\u00e0 body, ho\u1eb7c th\u1eadm ch\u00ed c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c th\u00eam b\u00ean ngo\u00e0i.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JavaScript trong header: <\/b><span style=\"font-weight: 400;\">M\u1ed9t h\u00e0m JavaScript \u0111\u01b0\u1ee3c \u0111\u1eb7t b\u00ean trong header trang HTML v\u00e0 h\u00e0m n\u00e0y \u0111\u01b0\u1ee3c g\u1ecdi khi nh\u1ea5p v\u00e0o m\u1ed9t n\u00fat.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JavaScript trong body: <\/b><span style=\"font-weight: 400;\">M\u1ed9t h\u00e0m JavaScript \u0111\u01b0\u1ee3c \u0111\u1eb7t b\u00ean trong ph\u1ea7n th\u00e2n c\u1ee7a trang HTML v\u00e0 h\u00e0m n\u00e0y \u0111\u01b0\u1ee3c g\u1ecdi khi nh\u1ea5p v\u00e0o m\u1ed9t n\u00fat.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JavaScript \u0111\u1eb7t b\u00ean ngo\u00e0i:<\/b><span style=\"font-weight: 400;\"> JavaScript c\u0169ng c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0m t\u1ec7p b\u00ean ngo\u00e0i. File JavaScript c\u00f3 ph\u1ea7n m\u1edf r\u1ed9ng t\u1ec7p l\u00e0 .js. \u0110\u1ec3 s\u1eed d\u1ee5ng t\u1eadp l\u1ec7nh b\u00ean ngo\u00e0i, h\u00e3y \u0111\u1eb7t t\u00ean t\u1ec7p t\u1eadp l\u1ec7nh v\u00e0o thu\u1ed9c t\u00ednh src c\u1ee7a th\u1ebb t\u1eadp l\u1ec7nh. T\u1eadp l\u1ec7nh b\u00ean ngo\u00e0i kh\u00f4ng th\u1ec3 ch\u1ee9a th\u1ebb t\u1eadp l\u1ec7nh.<\/span><\/li>\n<\/ul>\n<h3><b>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u1ea1o v\u0103n b\u1ea3n ho\u1eb7c h\u00ecnh \u1ea3nh c\u00f3 th\u1ec3 cu\u1ed9n tr\u00ean trang web?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 t\u1ea1o m\u1ed9t v\u0103n b\u1ea3n ho\u1eb7c h\u00ecnh \u1ea3nh c\u00f3 th\u1ec3 cu\u1ed9n tr\u00ean trang web, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng th\u1ebb &lt;marquee&gt;. \u0110\u00e2y l\u00e0 th\u1ebb c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n cu\u1ed9n theo chi\u1ec1u ngang t\u1eeb tr\u00e1i sang ph\u1ea3i ho\u1eb7c t\u1eeb ph\u1ea3i sang tr\u00e1i. \u0110\u1ed3ng th\u1eddi, c\u00f3 th\u1ec3 cu\u1ed9n theo chi\u1ec1u d\u1ecdc t\u1eeb tr\u00ean xu\u1ed1ng d\u01b0\u1edbi ho\u1eb7c t\u1eeb d\u01b0\u1edbi l\u00ean tr\u00ean.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;marquee&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0&lt;--- contents ---&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/marquee&gt;<\/span><\/pre>\n<h3><b>Th\u1ebb Container kh\u00e1c v\u1edbi th\u1ebb Empty \u1edf \u0111i\u1ec3m n\u00e0o?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">C\u00e1c th\u1ebb Container th\u01b0\u1eddng \u0111\u01b0\u1ee3c chia th\u00e0nh ba ph\u1ea7n, t\u1ee9c l\u00e0 th\u1ebb m\u1edf, n\u1ed9i dung (s\u1ebd hi\u1ec3n th\u1ecb tr\u00ean tr\u00ecnh duy\u1ec7t) v\u00e0 th\u1ebb \u0111\u00f3ng. Trong ph\u1ea7n n\u1ed9i dung c\u0169ng c\u00f3 th\u1ec3 ch\u1ee9a m\u1ed9t s\u1ed1 th\u1ebb kh\u00e1c. C\u00e1c th\u1ebb m\u1edf v\u00e0 \u0111\u00f3ng n\u00e0y \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng theo c\u1eb7p. V\u00ed d\u1ee5: &lt;html&gt;\u2026.&lt;\/html&gt;, &lt;head&gt;\u2026&lt;\/head&gt;, &lt;title&gt;\u2026&lt;\/title&gt;, &lt;body&gt;\u2026.&lt;\/body&gt;,..<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;tag_name&gt; \u2026&lt;\/tag_name&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">C\u1eb7p th\u1ebb kh\u00f4ng ch\u1ee9a b\u1ea5t k\u1ef3 th\u1ebb \u0111\u00f3ng n\u00e0o \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 empty tag. Empty tag ch\u1ec9 ch\u1ee9a th\u1ebb m\u1edf nh\u01b0ng kh\u00f4ng b\u1eaft bu\u1ed9c s\u1eed d\u1ee5ng th\u00eam th\u1ebb \u0111\u00f3ng, ch\u00fang th\u01b0\u1eddng th\u1ef1c hi\u1ec7n m\u1ed9t s\u1ed1 h\u00e0nh \u0111\u1ed9ng trong trang web. V\u00ed d\u1ee5: &lt;br&gt;, &lt;link&gt;, &lt;img&gt;, &lt;hr&gt;, &lt;meta&gt;, &lt;source&gt;,&#8230;<\/span><\/p>\n<h3><b>MathML trong HTML5 l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">MathML l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a Mathematics Markup Language. Ng\u00f4n ng\u1eef n\u00e0y \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 bi\u1ec3u di\u1ec5n ph\u01b0\u01a1ng tr\u00ecnh ho\u1eb7c bi\u1ec3u th\u1ee9c to\u00e1n h\u1ecdc trong tr\u00ecnh duy\u1ec7t web gi\u1ed1ng nh\u01b0 c\u00e1c th\u00e0nh ph\u1ea7n HTML kh\u00e1c.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u1ec1 c\u01a1 b\u1ea3n, MathML l\u00e0 m\u1ed9t c\u00f4ng th\u1ee9c to\u00e1n h\u1ecdc ph\u1ee9c t\u1ea1p ho\u1eb7c bi\u1ec3u di\u1ec5n tr\u1ef1c quan ph\u01b0\u01a1ng tr\u00ecnh \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n d\u1ec5 d\u00e0ng. MathML \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 trong HTML5, t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb MathML ph\u1ea3i \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng b\u00ean trong c\u00e1c th\u1ebb &lt;math&gt; v\u00e0 &lt;\/math&gt;.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">MathML \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 bi\u1ec3u di\u1ec5n to\u00e1n h\u1ecdc nh\u01b0 m\u1ed9t c\u01a1 s\u1edf cho giao ti\u1ebfp gi\u1eefa m\u00e1y v\u1edbi m\u00e1y, \u0111\u01b0\u1ee3c d\u1ef1 \u0111\u1ecbnh x\u1eed l\u00fd b\u1eb1ng c\u00e1c c\u00f4ng c\u1ee5 bi\u00ean so\u1ea1n chuy\u00ean d\u1ee5ng nh\u01b0 tr\u00ecnh so\u1ea1n th\u1ea3o ph\u01b0\u01a1ng tr\u00ecnh v\u00e0 c\u0169ng c\u00f3 \u00fd ngh\u0129a \u0111\u1ed1i v\u1edbi c\u00e1c \u1ee9ng d\u1ee5ng kh\u00e1c<\/span><\/p>\n<h3><b>S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa dislay: none v\u00e0 visibility: hidden<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Khi s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh \u201cvisibility: hidden\u201d cho m\u1ed9t ph\u1ea7n t\u1eed HTML th\u00ec ph\u1ea7n t\u1eed \u0111\u00f3 s\u1ebd b\u1ecb \u1ea9n kh\u1ecfi trang web nh\u01b0ng v\u1eabn chi\u1ebfm m\u1ed9t kh\u00f4ng gian nh\u1ea5t \u0111\u1ecbnh. Trong khi \u0111\u00f3, n\u1ebfu s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh \u201cdisplay: none\u201d cho m\u1ed9t ph\u1ea7n t\u1eed HTML th\u00ec ph\u1ea7n t\u1eed \u0111\u00f3 s\u1ebd b\u1ecb \u1ea9n v\u00e0 c\u0169ng kh\u00f4ng chi\u1ebfm b\u1ea5t k\u1ef3 kh\u00f4ng gian n\u00e0o tr\u00ean trang web.<\/span><\/p>\n<h3><b>Image Map l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Image Map cho ph\u00e9p l\u1eadp tr\u00ecnh vi\u00ean l\u1eadp b\u1ea3n \u0111\u1ed3 ho\u1eb7c li\u00ean k\u1ebft c\u00e1c ph\u1ea7n kh\u00e1c nhau c\u1ee7a h\u00ecnh \u1ea3nh v\u1edbi c\u00e1c trang web kh\u00e1c nhau. C\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n b\u1eb1ng th\u1ebb &lt;map&gt; trong HTML5, s\u1eed d\u1ee5ng th\u1ebb n\u00e0y c\u00f3 th\u1ec3 li\u00ean k\u1ebft h\u00ecnh \u1ea3nh v\u1edbi c\u00e1c v\u00f9ng c\u00f3 th\u1ec3 nh\u1ea5p.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;img\u00a0 src=\u201dimage_url\u201d ,\u00a0 usemap=\u201d#workspace\u201d \/&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;map\u00a0 name=\u201dworkspace\u201d&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&lt;area shape=\u201drect\u201d\u00a0 coords=\u201d34, 44, 270, 350\u201d ,\u00a0 href=\u201dxyz.html\u201d \/&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&lt;area shape=\u201drect\u201d\u00a0 coords=\u201d10, 120, 250, 360\u201d ,\u00a0 href=\u201dxyz.html\u201d \/&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/map&gt;<\/span><\/pre>\n<h3><b>S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa ph\u1ea7n t\u1eed SVG v\u00e0 Canvas trong HTML5?<\/b><\/h3>\n<table>\n<tbody>\n<tr>\n<td><b>SVG<\/b><\/td>\n<td><b>Canvas<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">M\u1ed9t d\u1ea1ng vector bao g\u1ed3m c\u00e1c h\u00ecnh d\u1ea1ng.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">D\u1ef1a tr\u00ean Raster bao g\u1ed3m c\u00e1c pixels<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Ho\u1ea1t \u0111\u1ed9ng t\u1ed1t h\u01a1n v\u1edbi b\u1ec1 m\u1eb7t l\u1edbn<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Ho\u1ea1t \u0111\u1ed9ng t\u1ed1t h\u01a1n v\u1edbi b\u1ec1 m\u1eb7t nh\u1ecf h\u01a1n.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eeda \u0111\u1ed5i b\u1eb1ng CSS v\u00e0 t\u1eadp l\u1ec7nh.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Ch\u1ec9 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eeda \u0111\u1ed5i b\u1eb1ng t\u1eadp l\u1ec7nh<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">C\u00f3 kh\u1ea3 n\u0103ng m\u1edf r\u1ed9ng cao, v\u00ec v\u1eady c\u00f3 th\u1ec3 in \u1edf ch\u1ea5t l\u01b0\u1ee3ng v\u1edbi \u0111\u1ed9 ph\u00e2n gi\u1ea3i cao.<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u00cdt c\u00f3 kh\u1ea3 n\u0103ng m\u1edf r\u1ed9ng h\u01a1n.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>Khi n\u00e0o b\u1ea1n n\u00ean s\u1eed d\u1ee5ng translate() thay v\u00ec \u0111\u1ecbnh v\u1ecb tuy\u1ec7t \u0111\u1ed1i (absolute positioning)?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">translate() l\u00e0 gi\u00e1 tr\u1ecb chuy\u1ec3n \u0111\u1ed5i trong CSS. Khi thay \u0111\u1ed5i \u0111\u1ed9 m\u1edd ho\u1eb7c chuy\u1ec3n \u0111\u1ed5i, tr\u00ecnh duy\u1ec7t s\u1ebd kh\u00f4ng k\u00edch ho\u1ea1t reflow ho\u1eb7c repaint. Transform s\u1ebd y\u00eau c\u1ea7u tr\u00ecnh duy\u1ec7t t\u1ea1o m\u1ed9t l\u1edbp GPU cho c\u00e1c ph\u1ea7n t\u1eed nh\u01b0ng khi s\u1eed d\u1ee5ng CPU s\u1ebd thay \u0111\u1ed5i c\u00e1c thu\u1ed9c t\u00ednh \u0111\u1ecbnh v\u1ecb tuy\u1ec7t \u0111\u1ed1i.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng translate() hi\u1ec7u qu\u1ea3 h\u01a1n v\u00e0 cho k\u1ebft qu\u1ea3 l\u00e0 th\u1eddi gian ng\u1eafn h\u01a1n. Khi s\u1eed d\u1ee5ng translate(), ph\u1ea7n t\u1eed s\u1ebd chi\u1ebfm kh\u00f4ng gian ban \u0111\u1ea7u, kh\u00f4ng gi\u1ed1ng nh\u01b0 khi thay \u0111\u1ed5i v\u1ecb tr\u00ed tuy\u1ec7t \u0111\u1ed1i.\u00a0<\/span><\/p>\n<h3><b>Mixin l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Mixin t\u01b0\u01a1ng t\u1ef1 nh\u01b0 kh\u1ed1i h\u00e0m c\u1ee7a m\u00e3 tr\u1ea3 v\u1ec1 m\u1ed9t gi\u00e1 tr\u1ecb duy nh\u1ea5t, mixin \u0111\u1ea7u ra c\u00e1c d\u00f2ng m\u00e3 Sass bi\u00ean d\u1ecbch tr\u1ef1c ti\u1ebfp th\u00e0nh c\u00e1c ki\u1ec3u CSS. \u0110\u1ed3ng th\u1eddi, h\u00e0m s\u1ebd tr\u1ea3 v\u1ec1 m\u1ed9t gi\u00e1 tr\u1ecb cho m\u1ed9t thu\u1ed9c t\u00ednh CSS ho\u1eb7c th\u1ee9 g\u00ec \u0111\u00f3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c truy\u1ec1n cho m\u1ed9t mixin kh\u00e1c.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">M\u1ed9t v\u00ed d\u1ee5 c\u01a1 b\u1ea3n v\u1ec1 c\u00e1ch ho\u1ea1t \u0111\u1ed9ng c\u1ee7a Mixin nh\u01b0 sau:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">@mixin flex-center {<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0display: flex;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0justify-content: center;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0align-items: center;<\/span>\r\n<span style=\"font-weight: 400;\">}<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\/\/ S\u1eed d\u1ee5ng<\/span>\r\n<span style=\"font-weight: 400;\">.container {<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0@include flex-center;<\/span>\r\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n<h3><b>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u1ed1i \u01b0u h\u00f3a trang web cho m\u1ee5c \u0111\u00edch in?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u00f3 l\u00e0 x\u00e1c \u0111\u1ecbnh v\u00e0 ki\u1ec3m so\u00e1t ph\u1ea7n n\u1ed9i dung c\u1ee7a trang web. M\u1ed9t trang web th\u01b0\u1eddng c\u00f3 ph\u1ea7n ch\u00e2n trang, ph\u1ea7n \u0111\u1ea7u trang, thanh b\u00ean, thanh \u0111i\u1ec1u h\u01b0\u1edbng v\u00e0 khu v\u1ef1c n\u1ed9i dung ch\u00ednh. H\u1ea7u h\u1ebft c\u00e1c c\u00f4ng vi\u1ec7c \u0111\u1ec1u \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n b\u1eb1ng c\u00e1ch ki\u1ec3m so\u00e1t \u0111\u01b0\u1ee3c ph\u1ea7n n\u1ed9i dung c\u1ee7a trang web.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Do \u0111\u00f3, \u0111\u1ec3 kh\u00f4ng l\u00e0m thay \u0111\u1ed5i t\u00ednh tr\u1ecdn v\u1eb9n c\u1ee7a trang web khi in th\u00ec b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng ng\u1eaft trang, t\u1ea1o b\u1ea3ng \u0111\u1ecbnh ki\u1ec3u ho\u1eb7c \u0111\u1ecbnh c\u1ee1 trang \u0111\u1ec3 in v\u00e0 tr\u00e1nh c\u00e1c b\u1ea3ng HTML kh\u00f4ng c\u1ea7n thi\u1ebft.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, b\u1ea1n c\u00f3 th\u1ec3 t\u1ed1i \u01b0u th\u00eam m\u1ed9t s\u1ed1 ph\u1ea7n nh\u01b0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng media query @media print<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u1ea8n c\u00e1c elements kh\u00f4ng c\u1ea7n thi\u1ebft khi in (nav, buttons, etc)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110i\u1ec1u ch\u1ec9nh m\u00e0u s\u1eafc cho ph\u00f9 h\u1ee3p v\u1edbi in \u1ea5n<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">X\u1eed l\u00fd background images<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110\u1ecbnh d\u1ea1ng c\u00e1c li\u00ean k\u1ebft (links) \u0111\u1ec3 hi\u1ec3n th\u1ecb URLs<\/span><\/li>\n<\/ul>\n<h3><b>CSS ho\u1ea1t \u0111\u1ed9ng ng\u1ea7m (working under the hood) ngh\u0129a l\u00e0 g\u00ec?\u00a0<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Khi tr\u00ecnh duy\u1ec7t hi\u1ec3n th\u1ecb m\u1ed9t t\u00e0i li\u1ec7u, n\u00f3 s\u1ebd k\u1ebft h\u1ee3p th\u00f4ng tin v\u00e0 n\u1ed9i dung c\u1ee7a t\u00e0i li\u1ec7u. T\u00e0i li\u1ec7u s\u1ebd \u0111\u01b0\u1ee3c x\u1eed l\u00fd theo hai giai \u0111o\u1ea1n l\u00e0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Chuy\u1ec3n \u0111\u1ed5i HTML v\u00e0 CSS th\u00e0nh Document Object Model.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">DOM hi\u1ec3n th\u1ecb n\u1ed9i dung c\u1ee7a tr\u00ecnh duy\u1ec7t.<\/span><\/li>\n<\/ul>\n<h3><b>CSS float property ngh\u0129a l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Thu\u1ed9c t\u00ednh float c\u1ee7a CSS \u0111\u1ecbnh v\u1ecb h\u00ecnh \u1ea3nh sang tr\u00e1i ho\u1eb7c ph\u1ea3i khi c\u1ea7n, bao g\u1ed3m c\u1ea3 v\u0103n b\u1ea3n bao quanh h\u00ecnh \u1ea3nh. T\u1ea5t c\u1ea3 c\u00e1c thu\u1ed9c t\u00ednh c\u1ee7a ph\u1ea7n t\u1eed \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng tr\u01b0\u1edbc \u0111\u00f3 v\u1eabn kh\u00f4ng thay \u0111\u1ed5i.\u00a0<\/span><\/p>\n<h3><b>S\u1ef1 kh\u00e1c nhau gi\u1eefa overflow-x v\u00e0 overflow-y trong CSS?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110i\u1ec3m kh\u00e1c bi\u1ec7t gi\u1eefa thu\u1ed9c t\u00ednh overflow-x v\u00e0 overflow-y \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n qua:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">overflow-x ki\u1ec3m so\u00e1t t\u00ecnh tr\u1ea1ng tr\u00e0n n\u1ed9i dung tr\u00ean tr\u1ee5c ngang.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">overflow-y ki\u1ec3m so\u00e1t t\u00ecnh tr\u1ea1ng tr\u00e0n n\u1ed9i dung tr\u00ean tr\u1ee5c d\u1ecdc.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Hai thu\u1ed9c t\u00ednh n\u00e0y cho ph\u00e9p ki\u1ec3m so\u00e1t c\u1ee5 th\u1ec3 h\u01a1n v\u1ec1 c\u00e1ch n\u1ed9i dung tr\u00e0n theo c\u00e1c h\u01b0\u1edbng kh\u00e1c nhau.\u00a0<\/span><\/p>\n<h3><b>C\u00f4ng d\u1ee5ng c\u1ee7a quy t\u1eafc @import l\u00e0 g\u00ec?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">M\u1ed9t file CSS c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u0111\u01b0a v\u00e0o file kh\u00e1c b\u1eb1ng quy t\u1eafc @import. C\u00e1c stylesheet c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c nh\u1eadp v\u00e0o stylesheet ch\u00ednh v\u00e0 truy v\u1ea5n ph\u01b0\u01a1ng ti\u1ec7n c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 t\u1ea3i ki\u1ec3u theo k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh, ho\u1eb7c thu\u1ed9c t\u00ednh thi\u1ebft b\u1ecb c\u1ee5 th\u1ec3.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">B\u1ea5t k\u1ef3 khai b\u00e1o @charset n\u00e0o c\u0169ng ph\u1ea3i \u0111\u01b0\u1ee3c theo sau ngay b\u1edfi quy t\u1eafc @import lu\u00f4n xu\u1ea5t hi\u1ec7n tr\u01b0\u1edbc c\u00e1c quy t\u1eafc kh\u00e1c \u1edf \u0111\u1ea7u file CSS.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00fa ph\u00e1p c\u1ee7a @import:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">@import url(\"stylesheet.css\");<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Ho\u1eb7c c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng n\u00f3 v\u1edbi c\u00e1c truy v\u1ea5n ph\u01b0\u01a1ng ti\u1ec7n:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">@import url(\"stylesheet.css\") screen and (max-width: 600px);<\/span><\/pre>\n<h3><b>T\u1ea1i sao Tailwind CSS l\u1ea1i ph\u1ed5 bi\u1ebfn trong thi\u1ebft k\u1ebf web hi\u1ec7n \u0111\u1ea1i?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">C\u00e1c d\u1ef1 \u00e1n thi\u1ebft k\u1ebf web hi\u1ec7n \u0111\u1ea1i \u0111\u1ec1u \u0111\u00f2i h\u1ecfi t\u1ed1c \u0111\u1ed9, t\u00ednh linh ho\u1ea1t c\u00f9ng \u0111o\u1ea1n m\u00e3 h\u1ee3p l\u00fd. Tailwind CSS ph\u1ed5 bi\u1ebfn trong thi\u1ebft k\u1ebf v\u00e0 t\u1ea1o ki\u1ec3u cho trang web hi\u1ec7u qu\u1ea3 v\u00e0 \u0111\u00e1p \u1ee9ng. \u01afu \u0111i\u1ec3m c\u1ee7a Tailwind CSS bao g\u1ed3m ph\u00e1t tri\u1ec3n nhanh, nhi\u1ec1u t\u00f9y ch\u1ecdn t\u00f9y ch\u1ec9nh, gi\u1ea3m k\u00edch th\u01b0\u1edbc file CSS v\u00e0 c\u1ed9ng \u0111\u1ed3ng h\u1ed7 tr\u1ee3 \u0111\u01b0\u1ee3c ghi ch\u00e9p \u0111\u1ea7y \u0111\u1ee7.<\/span><\/p>\n<blockquote><p><em>Xem th\u00eam: <a href=\"https:\/\/itviec.com\/blog\/tailwind-css\/\" target=\"_blank\" rel=\"noopener\"><strong>Tailwind CSS: H\u01b0\u1edbng d\u1eabn 3 c\u00e1ch thi\u1ebft l\u1eadp Tailwind chi ti\u1ebft<\/strong><\/a><\/em><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Tong_ket_ve_cau_hoi_phong_van_HTML_CSS\"><\/span><b>T\u1ed5ng k\u1ebft v\u1ec1 c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Qua b\u1ed9 <\/span><b>c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS<\/b><span style=\"font-weight: 400;\"> \u0111\u00e3 \u0111\u01b0\u1ee3c ITviec t\u1ed5ng h\u1ee3p, b\u1ea1n \u0111\u00e3 tr\u1ea3 l\u1eddi \u0111\u00fang bao nhi\u00eau c\u00e2u? Hy v\u1ecdng v\u1edbi b\u1ed9 c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n n\u00e0y s\u1ebd gi\u00fap b\u1ea1n c\u00f3 g\u00f3c nh\u00ecn t\u1ed5ng quan v\u00e0 chi ti\u1ebft h\u01a1n v\u1ec1 HTML c\u0169ng nh\u01b0 CSS.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i c\u00e1c c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n v\u1ec1 HTML v\u00e0 CSS, b\u1ea1n c\u0169ng n\u00ean t\u00ecm hi\u1ec3u th\u00eam v\u1ec1 c\u00e1c kh\u00eda c\u1ea1nh ho\u1eb7c k\u1ef9 n\u0103ng li\u00ean quan v\u1ec1 Front-End, t\u1eeb \u0111\u00f3 chu\u1ea9n b\u1ecb cho m\u00ecnh m\u1ed9t portfolio ch\u1ec9n chu \u0111\u1ec3 ghi \u0111i\u1ec3m v\u1edbi nh\u00e0 tuy\u1ec3n d\u1ee5ng b\u1ea1n nh\u00e9!<\/span><\/p>\n<blockquote><p><i><span style=\"font-weight: 400;\">Xem th\u00eam:\u00a0<\/span><\/i><strong><a href=\"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-front-end\/\"><i>Top 30+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n Front End Developer ph\u1ed5 bi\u1ebfn<\/i><\/a><\/strong><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Trong b\u00e0i vi\u1ebft n\u00e0y, ITviec t\u1ed5ng h\u1ee3p 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho HTML\/CSS\u00a0 Developer t\u1eeb c\u1ea5p \u0111\u1ed9 \u0111\u1ea7u v\u00e0o (Junior) cho \u0111\u1ebfn c\u1ea5p cao (Senior). H\u00e3y c\u00f9ng c\u1eadp nh\u1eadt b\u1ed9 c\u00e2u h\u1ecfi v\u00e0 th\u1eed tr\u1ea3 l\u1eddi tr\u01b0\u1edbc khi xem \u0111\u00e1p \u00e1n \u0111\u1ec3 n\u1eafm ch\u1eafc v\u1ec1 ki\u1ebfn th\u1ee9c cho bu\u1ed5i ph\u1ecfng v\u1ea5n [&hellip;]<\/p>\n","protected":false},"author":207,"featured_media":84360,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[109,105],"tags":[],"class_list":["post-84256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chuyen-mon-it","category-phong-van-it"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Top 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS m\u1ecdi c\u1ea5p \u0111\u1ed9 ph\u1ed5 bi\u1ebfn - ITviec Blog<\/title>\n<meta name=\"description\" content=\"T\u1ed5ng h\u1ee3p 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho Developer t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao, thu\u1ed9c c\u00e1c ch\u1ee7 \u0111\u1ec1 quan tr\u1ecdng v\u1ec1 Front-End.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS m\u1ecdi c\u1ea5p \u0111\u1ed9 ph\u1ed5 bi\u1ebfn\" \/>\n<meta property=\"og:description\" content=\"Trong b\u00e0i vi\u1ebft n\u00e0y, ITviec t\u1ed5ng h\u1ee3p 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho HTML\/CSS\u00a0 Developer t\u1eeb c\u1ea5p \u0111\u1ed9 \u0111\u1ea7u v\u00e0o (Junior) cho \u0111\u1ebfn c\u1ea5p cao (Senior). H\u00e3y\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"ITviec Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ITviec\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-01T15:25:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-va-html-css-vippro.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"790\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Uyen Ngo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ITviec\" \/>\n<meta name=\"twitter:site\" content=\"@ITviec\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Uyen Ngo\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"38 ph\u00fat\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Top 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS m\u1ecdi c\u1ea5p \u0111\u1ed9 ph\u1ed5 bi\u1ebfn - ITviec Blog","description":"T\u1ed5ng h\u1ee3p 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho Developer t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao, thu\u1ed9c c\u00e1c ch\u1ee7 \u0111\u1ec1 quan tr\u1ecdng v\u1ec1 Front-End.","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:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/","og_locale":"vi_VN","og_type":"article","og_title":"Top 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS m\u1ecdi c\u1ea5p \u0111\u1ed9 ph\u1ed5 bi\u1ebfn","og_description":"Trong b\u00e0i vi\u1ebft n\u00e0y, ITviec t\u1ed5ng h\u1ee3p 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho HTML\/CSS\u00a0 Developer t\u1eeb c\u1ea5p \u0111\u1ed9 \u0111\u1ea7u v\u00e0o (Junior) cho \u0111\u1ebfn c\u1ea5p cao (Senior). H\u00e3y","og_url":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/","og_site_name":"ITviec Blog","article_publisher":"https:\/\/www.facebook.com\/ITviec","article_published_time":"2025-02-01T15:25:04+00:00","og_image":[{"width":1500,"height":790,"url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-va-html-css-vippro.jpeg","type":"image\/jpeg"}],"author":"Uyen Ngo","twitter_card":"summary_large_image","twitter_creator":"@ITviec","twitter_site":"@ITviec","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Uyen Ngo","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"38 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#article","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/"},"author":{"name":"Uyen Ngo","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20"},"headline":"Top 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS m\u1ecdi c\u1ea5p \u0111\u1ed9 ph\u1ed5 bi\u1ebfn","datePublished":"2025-02-01T15:25:04+00:00","mainEntityOfPage":{"@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/"},"wordCount":10348,"publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"image":{"@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-va-html-css-vippro.jpeg","articleSection":["Chuy\u00ean m\u00f4n IT","Ph\u1ecfng v\u1ea5n IT"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/","url":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/","name":"Top 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS m\u1ecdi c\u1ea5p \u0111\u1ed9 ph\u1ed5 bi\u1ebfn - ITviec Blog","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#primaryimage"},"image":{"@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-va-html-css-vippro.jpeg","datePublished":"2025-02-01T15:25:04+00:00","description":"T\u1ed5ng h\u1ee3p 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS d\u00e0nh cho Developer t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao, thu\u1ed9c c\u00e1c ch\u1ee7 \u0111\u1ec1 quan tr\u1ecdng v\u1ec1 Front-End.","breadcrumb":{"@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#primaryimage","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-va-html-css-vippro.jpeg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/02\/cau-hoi-phong-va-html-css-vippro.jpeg","width":1500,"height":790,"caption":"c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n html css- itviec blog"},{"@type":"BreadcrumbList","@id":"https:\/\/itviec.com\/blog\/cau-hoi-phong-van-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Chuy\u00ean m\u00f4n IT","item":"https:\/\/itviec.com\/blog\/chuyen-mon-it\/"},{"@type":"ListItem","position":2,"name":"Top 50+ c\u00e2u h\u1ecfi ph\u1ecfng v\u1ea5n HTML CSS m\u1ecdi c\u1ea5p \u0111\u1ed9 ph\u1ed5 bi\u1ebfn"}]},{"@type":"WebSite","@id":"https:\/\/itviec.com\/blog\/#website","url":"https:\/\/itviec.com\/blog\/","name":"ITviec Blog","description":"IT Jobs &amp; People in Vietnam","publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itviec.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/itviec.com\/blog\/#organization","name":"ITviec","url":"https:\/\/itviec.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","width":1800,"height":1800,"caption":"ITviec"},"image":{"@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ITviec","https:\/\/x.com\/ITviec","https:\/\/www.linkedin.com\/company\/itviec","https:\/\/www.youtube.com\/channel\/UCYthAQ3bcGr57M_ag5gHDvQ"]},{"@type":"Person","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20","name":"Uyen Ngo","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","caption":"Uyen Ngo"},"url":"https:\/\/itviec.com\/blog\/author\/uyen-ngo\/"}]}},"_links":{"self":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/84256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/users\/207"}],"replies":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/comments?post=84256"}],"version-history":[{"count":0,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/84256\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media\/84360"}],"wp:attachment":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media?parent=84256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/categories?post=84256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/tags?post=84256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}