{"id":75141,"date":"2025-09-27T14:01:11","date_gmt":"2025-09-27T14:01:11","guid":{"rendered":"https:\/\/onlineexammaker.com\/kb\/?p=75141"},"modified":"2025-11-01T06:12:55","modified_gmt":"2025-11-01T06:12:55","slug":"15-css-quiz-questions-and-answers-vi","status":"publish","type":"post","link":"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/","title":{"rendered":"15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS"},"content":{"rendered":"<p>CSS l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a c\u00e1c b\u1ea3ng phong c\u00e1ch x\u1ebfp t\u1ea7ng. \u0110\u00e2y l\u00e0 m\u1ed9t ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 m\u00f4 t\u1ea3 b\u1ea3n tr\u00ecnh b\u00e0y v\u00e0 ki\u1ec3u c\u1ee7a m\u1ed9t t\u00e0i li\u1ec7u \u0111\u01b0\u1ee3c vi\u1ebft b\u1eb1ng HTML ho\u1eb7c XML. CSS cung c\u1ea5p m\u1ed9t t\u1eadp h\u1ee3p c\u00e1c quy t\u1eafc v\u00e0 thu\u1ed9c t\u00ednh x\u00e1c \u0111\u1ecbnh c\u00e1ch hi\u1ec3n th\u1ecb c\u00e1c y\u1ebfu t\u1ed1 tr\u00ean trang web.<\/p>\n<p>V\u1edbi CSS, c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf v\u00e0 nh\u00e0 ph\u00e1t tri\u1ec3n web c\u00f3 th\u1ec3 ki\u1ec3m so\u00e1t c\u00e1c kh\u00eda c\u1ea1nh kh\u00e1c nhau c\u1ee7a s\u1ef1 xu\u1ea5t hi\u1ec7n c\u1ee7a trang web, bao g\u1ed3m b\u1ed1 c\u1ee5c, m\u00e0u s\u1eafc, ph\u00f4ng ch\u1eef, kho\u1ea3ng c\u00e1ch v\u00e0 hi\u1ec7u \u1ee9ng. B\u1eb1ng c\u00e1ch t\u00e1ch th\u00f4ng tin ki\u1ec3u ra kh\u1ecfi n\u1ed9i dung, CSS cho ph\u00e9p m\u1ed9t quy tr\u00ecnh ph\u00e1t tri\u1ec3n web hi\u1ec7u qu\u1ea3 v\u00e0 linh ho\u1ea1t h\u01a1n.<\/p>\n<p>CSS ho\u1ea1t \u0111\u1ed9ng theo nguy\u00ean t\u1eafc x\u1ebfp t\u1ea7ng, trong \u0111\u00f3 c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng nhi\u1ec1u quy t\u1eafc ki\u1ec3u cho m\u1ed9t y\u1ebfu t\u1ed1 v\u00e0 ki\u1ec3u cu\u1ed1i c\u00f9ng \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh theo th\u1ee9 t\u1ef1 \u0111\u1eb7c hi\u1ec7u v\u00e0 \u00e1p d\u1ee5ng c\u00e1c b\u1ed9 ch\u1ecdn kh\u00e1c nhau. \u0110i\u1ec1u n\u00e0y cho ph\u00e9p d\u1ec5 d\u00e0ng t\u00f9y ch\u1ec9nh v\u00e0 nh\u1ea5t qu\u00e1n tr\u00ean c\u00e1c trang web.<\/p>\n<p>B\u1ed9 ch\u1ecdn CSS \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 nh\u1eafm m\u1ee5c ti\u00eau c\u00e1c y\u1ebfu t\u1ed1 HTML c\u1ee5 th\u1ec3 ho\u1eb7c c\u00e1c nh\u00f3m ph\u1ea7n t\u1eed \u0111\u1ec3 \u00e1p d\u1ee5ng c\u00e1c ki\u1ec3u mong mu\u1ed1n. C\u00e1c b\u1ed9 ch\u1ecdn c\u00f3 th\u1ec3 d\u1ef1a tr\u00ean c\u00e1c lo\u1ea1i ph\u1ea7n t\u1eed, t\u00ean l\u1edbp, ID, thu\u1ed9c t\u00ednh, v\u00e0 nhi\u1ec1u h\u01a1n n\u1eefa, cung c\u1ea5p s\u1ef1 linh ho\u1ea1t tuy\u1ec7t v\u1eddi trong ki\u1ec3u d\u00e1ng.<\/p>\n<p>CSS3, phi\u00ean b\u1ea3n m\u1edbi nh\u1ea5t c\u1ee7a CSS, \u0111\u00e3 gi\u1edbi thi\u1ec7u nhi\u1ec1u t\u00ednh n\u0103ng m\u1edbi, bao g\u1ed3m c\u00e1c t\u00f9y ch\u1ecdn b\u1ed1 c\u1ee5c n\u00e2ng cao, chuy\u1ec3n ti\u1ebfp, h\u00ecnh \u1ea3nh \u0111\u1ed9ng, \u0111\u1ed9 d\u1ed1c, v\u00e0 nhi\u1ec1u h\u01a1n n\u1eefa, cho ph\u00e9p thi\u1ebft k\u1ebf web t\u01b0\u01a1ng t\u00e1c v\u00e0 s\u00e1ng t\u1ea1o h\u01a1n.<\/p>\n<h3>\u0110\u1ec1 c\u01b0\u01a1ng b\u00e0i vi\u1ebft<\/h3>\n<ul class=\"article_list\">\n<li><a href=\"#1\">Ph\u1ea7n 1: T\u1ea1o m\u1ed9t b\u00e0i ki\u1ec3m tra CSS tuy\u1ec7t v\u1eddi b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng AI ngay l\u1eadp t\u1ee9c trong OnlineExamMaker<\/a><\/li>\n<li><a href=\"#2\">Ph\u1ea7n 2: 15 C\u00e2u h\u1ecfi &#038; c\u00e2u tr\u1ea3 l\u1eddi c\u1ee7a CSS QUIZ<\/a><\/li>\n<li><a href=\"#3\">Ph\u1ea7n 3: H\u00e3y th\u1eed Tr\u00ecnh t\u1ea1o c\u00e2u h\u1ecfi AI tr\u1ef1c tuy\u1ebfn<\/a><\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/onlineexammaker.com\/kb\/wp-content\/uploads\/2023\/07\/css-quiz.webp\" alt=\"\"\/><\/p>\n<h3 id=\"1\">Ph\u1ea7n 1: T\u1ea1o m\u1ed9t b\u00e0i ki\u1ec3m tra CSS tuy\u1ec7t v\u1eddi b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng AI ngay l\u1eadp t\u1ee9c trong OnlineExamMaker<\/h3>\n<p>C\u00e1ch nhanh nh\u1ea5t \u0111\u1ec3 \u0111\u00e1nh gi\u00e1 c\u00e1c k\u1ef9 n\u0103ng CSS c\u1ee7a c\u00e1c \u1ee9ng c\u1eed vi\u00ean l\u00e0 s\u1eed d\u1ee5ng n\u1ec1n t\u1ea3ng \u0111\u00e1nh gi\u00e1 AI nh\u01b0 OnlineExamMaker. V\u1edbi Tr\u00ecnh t\u1ea1o c\u00e2u h\u1ecfi AI OnlineExamMaker, b\u1ea1n c\u00f3 th\u1ec3 nh\u1eadp n\u1ed9i dung nh\u01b0 v\u0103n b\u1ea3n, t\u00e0i li\u1ec7u ho\u1eb7c ch\u1ee7 \u0111\u1ec1, v\u00e0 sau \u0111\u00f3 t\u1ef1 \u0111\u1ed9ng t\u1ea1o c\u00e1c c\u00e2u h\u1ecfi \u1edf c\u00e1c \u0111\u1ecbnh d\u1ea1ng kh\u00e1c nhau (v\u00ed d\u1ee5: nhi\u1ec1u l\u1ef1a ch\u1ecdn, \u0111\u00fang\/sai, c\u00e2u tr\u1ea3 l\u1eddi ng\u1eafn). H\u1ecdc sinh l\u1edbp AI c\u1ee7a n\u00f3 c\u00f3 th\u1ec3 t\u1ef1 \u0111\u1ed9ng ch\u1ea5m \u0111i\u1ec3m b\u00e0i ki\u1ec3m tra v\u00e0 t\u1ea1o c\u00e1c b\u00e1o c\u00e1o s\u00e2u s\u1eafc sau khi \u1ee9ng vi\u00ean c\u1ee7a b\u1ea1n g\u1eedi \u0111\u00e1nh gi\u00e1.<\/p>\n<p><strong> T\u1ed5ng quan v\u1ec1 c\u00e1c t\u00ednh n\u0103ng li\u00ean quan \u0111\u1ebfn \u0111\u00e1nh gi\u00e1 ch\u00ednh c\u1ee7a n\u00f3: <\/strong><br \/>\n\u25cf T\u1ea1o t\u1ed1i \u0111a 10 lo\u1ea1i c\u00e2u h\u1ecfi, bao g\u1ed3m nhi\u1ec1u l\u1ef1a ch\u1ecdn, \u0111\u00fang\/sai, \u0111i\u1ec1n v\u00e0o ch\u1ed7 tr\u1ed1ng, ph\u00f9 h\u1ee3p, c\u00e2u tr\u1ea3 l\u1eddi ng\u1eafn v\u00e0 c\u00e2u h\u1ecfi ti\u1ec3u lu\u1eadn.<br \/>\n\u25cf T\u1ef1 \u0111\u1ed9ng t\u1ea1o c\u00e1c b\u00e1o c\u00e1o chi ti\u1ebft v\u1ec1 \u0111i\u1ec3m s\u1ed1 c\u00e1 nh\u00e2n, b\u00e1o c\u00e1o c\u00e2u h\u1ecfi v\u00e0 hi\u1ec7u su\u1ea5t nh\u00f3m.<br \/>\nIs<br \/>\n\u25cf API v\u00e0 SSO gi\u00fap c\u00e1c hu\u1ea5n luy\u1ec7n vi\u00ean t\u00edch h\u1ee3p OpenExammaker v\u1edbi Google Classroom, Microsoft Teams, CRM v\u00e0 nhi\u1ec1u h\u01a1n n\u1eefa.<\/p>\n<div class=\"embed_video_blog\">\n<div class=\"embed-responsive embed-responsive-16by9\" style=\"margin-bottom:16px;\">\n <iframe class=\"embed-responsive-item\" src=\"https:\/\/www.youtube.com\/embed\/zlqho9igH2Y\"><\/iframe>\n<\/div>\n<\/div>\n<div class=\"getstarted-container\">\n<p style=\"margin-bottom: 13px;\">T\u1ef1 \u0111\u1ed9ng t\u1ea1o c\u00e2u h\u1ecfi b\u1eb1ng AI<\/p>\n<div class=\"blog_double_btn clearfix\">\n<div class=\"col-sm-6  col-xs-12\">\n<div class=\"p-style-a\"><a class=\"get_started_btn\" href=\"https:\/\/onlineexammaker.com\/features\/ai-question-generator.html?refer=download_questions\" target=\"_blank\" rel=\"noopener\">Tr\u00ecnh t\u1ea1o c\u00e2u h\u1ecfi AI<\/a><\/div>\n<div class=\"p-style-b\">T\u1ea1o c\u00e2u h\u1ecfi cho b\u1ea5t k\u1ef3 ch\u1ee7 \u0111\u1ec1 n\u00e0o<\/div>\n<\/div>\n<div class=\"col-sm-6  col-xs-12\">\n<div class=\"p-style-a\"><a class=\"get_started_btn\" href=\"https:\/\/onlineexammaker.com\/sign-up.html?refer=blog_btn\"> T\u1ea1o m\u1ed9t c\u00e2u \u0111\u1ed1<\/a><\/div>\n<div class=\"p-style-b\">Mi\u1ec5n ph\u00ed 100% m\u00e3i m\u00e3i<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 id=\"2\">Ph\u1ea7n 2: 15 C\u00e2u h\u1ecfi &#038; c\u00e2u tr\u1ea3 l\u1eddi c\u1ee7a CSS QUIZ<\/h3>\n<p><button id=\"copyquestionsBtn\" type=\"button\" onclick=\"myFunction()\">Sao ch\u00e9p c\u00e2u h\u1ecfi<\/button>\u00a0\u00a0or\u00a0\u00a0<button id=\"genquestionsBtn\" class=\"genbtnstyle\" type=\"button\" onclick=\"myFunction1()\">T\u1ea1o c\u00e2u h\u1ecfi b\u1eb1ng AI<\/button><\/p>\n<div id=\"copy_questions\">\n<p>C\u00e2u h\u1ecfi 1: CSS l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a g\u00ec?<br \/>\nA. Cascading Style Sheets<br \/>\nB. Computer Style Sheets<br \/>\nC. Creative Style Sheets<br \/>\nD. Cascading Script Sheets<br \/>\n\u0110\u00e1p \u00e1n: A<br \/>\nGi\u1ea3i th\u00edch: CSS l\u00e0 ng\u00f4n ng\u1eef d\u00f9ng \u0111\u1ec3 m\u00f4 t\u1ea3 c\u00e1ch hi\u1ec3n th\u1ecb c\u00e1c ph\u1ea7n t\u1eed HTML, gi\u00fap ki\u1ec3m so\u00e1t b\u1ed1 c\u1ee5c v\u00e0 phong c\u00e1ch c\u1ee7a trang web.<\/p>\n<p>C\u00e2u h\u1ecfi 2: L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 li\u00ean k\u1ebft m\u1ed9t t\u1ec7p CSS v\u1edbi t\u1ec7p HTML?<br \/>\nA. S\u1eed d\u1ee5ng th\u1ebb {css} trong HTML<br \/>\nB. S\u1eed d\u1ee5ng th\u1ebb {link rel=&#8221;stylesheet&#8221; href=&#8221;style.css&#8221;} trong ph\u1ea7n {head}<br \/>\nC. Vi\u1ebft tr\u1ef1c ti\u1ebfp CSS trong th\u1ebb {body}<br \/>\nD. S\u1eed d\u1ee5ng th\u1ebb {script} \u0111\u1ec3 import CSS<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: Th\u1ebb {link} cho ph\u00e9p k\u1ebft n\u1ed1i t\u1ec7p CSS b\u00ean ngo\u00e0i v\u1edbi HTML, gi\u00fap t\u00e1ch bi\u1ec7t n\u1ed9i dung v\u00e0 phong c\u00e1ch.<\/p>\n<p>C\u00e2u h\u1ecfi 3: Selector n\u00e0o trong CSS d\u00f9ng \u0111\u1ec3 ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed?<br \/>\nA. .class<br \/>\nB. #id<br \/>\nC. *<br \/>\nD. element<br \/>\n\u0110\u00e1p \u00e1n: C<br \/>\nGi\u1ea3i th\u00edch: Bi\u1ec3u t\u01b0\u1ee3ng * l\u00e0 universal selector, ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed tr\u00ean trang web.<\/p>\n<p>C\u00e2u h\u1ecfi 4: Thu\u1ed9c t\u00ednh n\u00e0o trong CSS d\u00f9ng \u0111\u1ec3 \u0111\u1eb7t m\u00e0u n\u1ec1n?<br \/>\nA. color<br \/>\nB. background-color<br \/>\nC. font-color<br \/>\nD. text-color<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: Thu\u1ed9c t\u00ednh background-color \u0111\u1ecbnh ngh\u0129a m\u00e0u n\u1ec1n c\u1ee7a m\u1ed9t ph\u1ea7n t\u1eed, c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c gi\u00e1 tr\u1ecb nh\u01b0 hex, RGB ho\u1eb7c t\u00ean m\u00e0u.<\/p>\n<p>C\u00e2u h\u1ecfi 5: \u0110\u01a1n v\u1ecb n\u00e0o trong CSS l\u00e0 \u0111\u01a1n v\u1ecb tuy\u1ec7t \u0111\u1ed1i?<br \/>\nA. em<br \/>\nB. %<br \/>\nC. px<br \/>\nD. vw<br \/>\n\u0110\u00e1p \u00e1n: C<br \/>\nGi\u1ea3i th\u00edch: px (pixel) l\u00e0 \u0111\u01a1n v\u1ecb tuy\u1ec7t \u0111\u1ed1i, \u0111\u1ea1i di\u1ec7n cho k\u00edch th\u01b0\u1edbc c\u1ed1 \u0111\u1ecbnh, kh\u00f4ng thay \u0111\u1ed5i d\u1ef1a tr\u00ean ng\u1eef c\u1ea3nh.<\/p>\n<p>C\u00e2u h\u1ecfi 6: Trong m\u00f4 h\u00ecnh h\u1ed9p CSS, margin l\u00e0 g\u00ec?<br \/>\nA. Kho\u1ea3ng c\u00e1ch gi\u1eefa n\u1ed9i dung v\u00e0 bi\u00ean<br \/>\nB. Kho\u1ea3ng c\u00e1ch ngo\u00e0i c\u00f9ng c\u1ee7a h\u1ed9p<br \/>\nC. K\u00edch th\u01b0\u1edbc c\u1ee7a n\u1ed9i dung<br \/>\nD. Bi\u00ean gi\u1edbi c\u1ee7a h\u1ed9p<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: Margin l\u00e0 kho\u1ea3ng c\u00e1ch t\u1eeb bi\u00ean gi\u1edbi c\u1ee7a h\u1ed9p \u0111\u1ebfn c\u00e1c ph\u1ea7n t\u1eed kh\u00e1c, gi\u00fap t\u1ea1o kh\u00f4ng gian xung quanh.<\/p>\n<p>C\u00e2u h\u1ecfi 7: Thu\u1ed9c t\u00ednh n\u00e0o d\u00f9ng \u0111\u1ec3 t\u1ea1o flex container trong CSS Flexbox?<br \/>\nA. display: flex;<br \/>\nB. flex-direction: row;<br \/>\nC. justify-content: center;<br \/>\nD. align-items: center;<br \/>\n\u0110\u00e1p \u00e1n: A<br \/>\nGi\u1ea3i th\u00edch: Thu\u1ed9c t\u00ednh display: flex; chuy\u1ec3n \u0111\u1ed5i m\u1ed9t ph\u1ea7n t\u1eed th\u00e0nh flex container, cho ph\u00e9p s\u1eafp x\u1ebfp c\u00e1c ph\u1ea7n t\u1eed con linh ho\u1ea1t.<\/p>\n<p>C\u00e2u h\u1ecfi 8: CSS Grid d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec?<br \/>\nA. X\u1eed l\u00fd v\u0103n b\u1ea3n<br \/>\nB. T\u1ea1o l\u01b0\u1edbi b\u1ed1 c\u1ee5c hai chi\u1ec1u<br \/>\nC. \u00c1p d\u1ee5ng m\u00e0u s\u1eafc<br \/>\nD. \u0110i\u1ec1u ch\u1ec9nh font ch\u1eef<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: CSS Grid l\u00e0 h\u1ec7 th\u1ed1ng l\u01b0\u1edbi cho ph\u00e9p t\u1ea1o b\u1ed1 c\u1ee5c hai chi\u1ec1u, v\u1edbi h\u00e0ng v\u00e0 c\u1ed9t, \u0111\u1ec3 s\u1eafp x\u1ebfp ph\u1ea7n t\u1eed m\u1ed9t c\u00e1ch ch\u00ednh x\u00e1c.<\/p>\n<p>C\u00e2u h\u1ecfi 9: Gi\u00e1 tr\u1ecb n\u00e0o c\u1ee7a thu\u1ed9c t\u00ednh position l\u00e0m ph\u1ea7n t\u1eed n\u1eb1m t\u01b0\u01a1ng \u0111\u1ed1i v\u1edbi v\u1ecb tr\u00ed ban \u0111\u1ea7u?<br \/>\nA. absolute<br \/>\nB. fixed<br \/>\nC. relative<br \/>\nD. static<br \/>\n\u0110\u00e1p \u00e1n: C<br \/>\nGi\u1ea3i th\u00edch: position: relative; di chuy\u1ec3n ph\u1ea7n t\u1eed d\u1ef1a tr\u00ean v\u1ecb tr\u00ed g\u1ed1c c\u1ee7a n\u00f3 m\u00e0 kh\u00f4ng \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn c\u00e1c ph\u1ea7n t\u1eed kh\u00e1c.<\/p>\n<p>C\u00e2u h\u1ecfi 10: Pseudo-class n\u00e0o d\u00f9ng \u0111\u1ec3 ch\u1ecdn ph\u1ea7n t\u1eed khi ng\u01b0\u1eddi d\u00f9ng hover chu\u1ed9t?<br \/>\nA. :active<br \/>\nB. :hover<br \/>\nC. :focus<br \/>\nD. :visited<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: :hover \u00e1p d\u1ee5ng phong c\u00e1ch khi con tr\u1ecf chu\u1ed9t di chuy\u1ec3n qua ph\u1ea7n t\u1eed, th\u01b0\u1eddng d\u00f9ng cho hi\u1ec7u \u1ee9ng t\u01b0\u01a1ng t\u00e1c.<\/p>\n<p>C\u00e2u h\u1ecfi 11: Media query trong CSS d\u00f9ng \u0111\u1ec3 l\u00e0m g\u00ec?<br \/>\nA. Thay \u0111\u1ed5i m\u00e0u s\u1eafc<br \/>\nB. \u00c1p d\u1ee5ng phong c\u00e1ch d\u1ef1a tr\u00ean k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh<br \/>\nC. T\u1ea1o animation<br \/>\nD. Ch\u1ecdn ph\u1ea7n t\u1eed ng\u1eabu nhi\u00ean<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: Media query cho ph\u00e9p thi\u1ebft k\u1ebf responsive, \u00e1p d\u1ee5ng CSS kh\u00e1c nhau d\u1ef1a tr\u00ean \u0111i\u1ec1u ki\u1ec7n nh\u01b0 chi\u1ec1u r\u1ed9ng m\u00e0n h\u00ecnh.<\/p>\n<p>C\u00e2u h\u1ecfi 12: Thu\u1ed9c t\u00ednh n\u00e0o d\u00f9ng \u0111\u1ec3 \u0111\u1eb7t \u0111\u1ed9 trong su\u1ed1t c\u1ee7a ph\u1ea7n t\u1eed?<br \/>\nA. opacity<br \/>\nB. transparency<br \/>\nC. visibility<br \/>\nD. filter<br \/>\n\u0110\u00e1p \u00e1n: A<br \/>\nGi\u1ea3i th\u00edch: Thu\u1ed9c t\u00ednh opacity \u0111\u1ecbnh ngh\u0129a m\u1ee9c \u0111\u1ed9 trong su\u1ed1t t\u1eeb 0 (ho\u00e0n to\u00e0n trong su\u1ed1t) \u0111\u1ebfn 1 (ho\u00e0n to\u00e0n m\u1edd).<\/p>\n<p>C\u00e2u h\u1ecfi 13: \u0110\u1ec3 t\u1ea1o chuy\u1ec3n ti\u1ebfp (transition) trong CSS, thu\u1ed9c t\u00ednh n\u00e0o c\u1ea7n s\u1eed d\u1ee5ng?<br \/>\nA. animation<br \/>\nB. transition<br \/>\nC. transform<br \/>\nD. keyframe<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: Thu\u1ed9c t\u00ednh transition cho ph\u00e9p th\u00eam hi\u1ec7u \u1ee9ng chuy\u1ec3n ti\u1ebfp m\u01b0\u1ee3t m\u00e0 cho c\u00e1c thu\u1ed9c t\u00ednh khi ch\u00fang thay \u0111\u1ed5i.<\/p>\n<p>C\u00e2u h\u1ecfi 14: Bi\u1ebfn CSS (CSS variables) \u0111\u01b0\u1ee3c khai b\u00e1o nh\u01b0 th\u1ebf n\u00e0o?<br \/>\nA. S\u1eed d\u1ee5ng t\u1eeb kh\u00f3a var()<br \/>\nB. S\u1eed d\u1ee5ng &#8211;variable-name<br \/>\nC. S\u1eed d\u1ee5ng #variable<br \/>\nD. S\u1eed d\u1ee5ng $variable<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: Bi\u1ebfn CSS \u0111\u01b0\u1ee3c khai b\u00e1o v\u1edbi ti\u1ec1n t\u1ed1 &#8211;, v\u00ed d\u1ee5: &#8211;main-color: red;, v\u00e0 s\u1eed d\u1ee5ng qua var(&#8211;main-color).<\/p>\n<p>C\u00e2u h\u1ecfi 15: \u0110\u1ec3 l\u00e0m cho trang web responsive, thu\u1ed9c t\u00ednh n\u00e0o th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng?<br \/>\nA. width: 100%;<br \/>\nB. @media<br \/>\nC. float: left;<br \/>\nD. position: absolute;<br \/>\n\u0110\u00e1p \u00e1n: B<br \/>\nGi\u1ea3i th\u00edch: @media l\u00e0 m\u1ed9t ph\u1ea7n c\u1ee7a media query, gi\u00fap \u00e1p d\u1ee5ng CSS d\u1ef1a tr\u00ean c\u00e1c \u0111i\u1ec1u ki\u1ec7n thi\u1ebft b\u1ecb, l\u00e0m cho trang web th\u00edch \u1ee9ng v\u1edbi m\u00e0n h\u00ecnh kh\u00e1c nhau.<\/p>\n<\/div>\n<p><button id=\"copyquestionsBtn\" type=\"button\" onclick=\"myFunction()\">Sao ch\u00e9p c\u00e2u h\u1ecfi<\/button>\u00a0\u00a0or\u00a0\u00a0<button id=\"genquestionsBtn\" class=\"genbtnstyle\" type=\"button\" onclick=\"myFunction1()\">T\u1ea1o c\u00e2u h\u1ecfi b\u1eb1ng AI<\/button><\/p>\n<h3 id=\"3\">Ph\u1ea7n 3: H\u00e3y th\u1eed Tr\u00ecnh t\u1ea1o c\u00e2u h\u1ecfi AI tr\u1ef1c tuy\u1ebfn<\/h3>\n<div class=\"embed_video_blog\">\n<div class=\"embed-responsive embed-responsive-16by9\" style=\"margin-bottom:16px;\">\n <iframe class=\"embed-responsive-item\" src=\"https:\/\/www.youtube.com\/embed\/zlqho9igH2Y\"><\/iframe>\n<\/div>\n<\/div>\n<div class=\"getstarted-container\">\n<p style=\"margin-bottom: 13px;\">T\u1ef1 \u0111\u1ed9ng t\u1ea1o c\u00e2u h\u1ecfi b\u1eb1ng AI<\/p>\n<div class=\"blog_double_btn clearfix\">\n<div class=\"col-sm-6  col-xs-12\">\n<div class=\"p-style-a\"><a class=\"get_started_btn\" href=\"https:\/\/onlineexammaker.com\/features\/ai-question-generator.html?refer=download_questions\" target=\"_blank\" rel=\"noopener\">Tr\u00ecnh t\u1ea1o c\u00e2u h\u1ecfi AI<\/a><\/div>\n<div class=\"p-style-b\">T\u1ea1o c\u00e2u h\u1ecfi cho b\u1ea5t k\u1ef3 ch\u1ee7 \u0111\u1ec1 n\u00e0o<\/div>\n<\/div>\n<div class=\"col-sm-6  col-xs-12\">\n<div class=\"p-style-a\"><a class=\"get_started_btn\" href=\"https:\/\/onlineexammaker.com\/sign-up.html?refer=blog_btn\"> T\u1ea1o m\u1ed9t c\u00e2u \u0111\u1ed1<\/a><\/div>\n<div class=\"p-style-b\">Mi\u1ec5n ph\u00ed 100% m\u00e3i m\u00e3i<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"><\/script><br \/>\n<script src=\"https:\/\/unpkg.com\/tippy.js@6\"><\/script><\/p>\n<p><script type=\"text\/javascript\">\nfunction myFunction() {\nvar copyText = document.getElementById(\"copy_questions\");console.log(copyText.innerText);navigator.clipboard.writeText(copyText.innerText);\n}\nfunction myFunction1() {\n\u00a0  \u00a0 \u00a0 window.open(\"https:\/\/onlineexammaker.com\/features\/ai-question-generator.html\");\n\u00a0 }\nvar copy1, copy2;\n        tippy('#copyquestionsBtn', {\n        'content': \"Copy questions to clipboard\",\n       trigger: 'mouseenter',\n       'onCreate':function(instance){\n              copy1 = instance;\n       },\n       'onTrigger' : function(instance, event) {\n              copy2.hide();\n       }\n       });\n       tippy('#copyquestionsBtn', {\n       'content': \"Copied successfully\",\n       trigger: 'click',\n       'onCreate':function(instance){\n              copy2 = instance;\n       },\n       'onTrigger' : function(instance, event) {\n              copy1.hide();\n       }\n       });\ntippy('#genquestionsBtn', {\n        'content': \"Generate questions using AI for free\",\n         trigger: 'mouseenter'\n       });\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a c\u00e1c b\u1ea3ng phong c\u00e1ch x\u1ebfp t\u1ea7ng. \u0110\u00e2y l\u00e0 m\u1ed9t ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 m\u00f4 t\u1ea3 b\u1ea3n tr\u00ecnh b\u00e0y v\u00e0 ki\u1ec3u c\u1ee7a m\u1ed9t t\u00e0i li\u1ec7u \u0111\u01b0\u1ee3c vi\u1ebft b\u1eb1ng HTML ho\u1eb7c XML. CSS cung c\u1ea5p m\u1ed9t t\u1eadp h\u1ee3p c\u00e1c quy t\u1eafc v\u00e0 thu\u1ed9c t\u00ednh x\u00e1c \u0111\u1ecbnh c\u00e1ch hi\u1ec3n [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":12869,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6049],"tags":[],"class_list":["post-75141","post","type-post","status-publish","format-standard","hentry","category-questions-answers-vi"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS - OnlineExamMaker Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS - OnlineExamMaker Blog\" \/>\n<meta property=\"og:description\" content=\"CSS l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a c\u00e1c b\u1ea3ng phong c\u00e1ch x\u1ebfp t\u1ea7ng. \u0110\u00e2y l\u00e0 m\u1ed9t ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 m\u00f4 t\u1ea3 b\u1ea3n tr\u00ecnh b\u00e0y v\u00e0 ki\u1ec3u c\u1ee7a m\u1ed9t t\u00e0i li\u1ec7u \u0111\u01b0\u1ee3c vi\u1ebft b\u1eb1ng HTML ho\u1eb7c XML. CSS cung c\u1ea5p m\u1ed9t t\u1eadp h\u1ee3p c\u00e1c quy t\u1eafc v\u00e0 thu\u1ed9c t\u00ednh x\u00e1c \u0111\u1ecbnh c\u00e1ch hi\u1ec3n [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/\" \/>\n<meta property=\"og:site_name\" content=\"OnlineExamMaker Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-27T14:01:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-01T06:12:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/onlineexammaker.com\/kb\/wp-content\/uploads\/2023\/07\/css-quiz.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"501\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Rebecca\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rebecca\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/\",\"url\":\"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/\",\"name\":\"15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS - OnlineExamMaker Blog\",\"isPartOf\":{\"@id\":\"https:\/\/onlineexammaker.com\/kb\/#website\"},\"datePublished\":\"2025-09-27T14:01:11+00:00\",\"dateModified\":\"2025-11-01T06:12:55+00:00\",\"author\":{\"@id\":\"https:\/\/onlineexammaker.com\/kb\/#\/schema\/person\/8447ed5937ab8046fa68476e432b32b2\"},\"breadcrumb\":{\"@id\":\"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/onlineexammaker.com\/kb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/onlineexammaker.com\/kb\/#website\",\"url\":\"https:\/\/onlineexammaker.com\/kb\/\",\"name\":\"OnlineExamMaker Blog\",\"description\":\"OnlineExamMaker\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/onlineexammaker.com\/kb\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/onlineexammaker.com\/kb\/#\/schema\/person\/8447ed5937ab8046fa68476e432b32b2\",\"name\":\"Rebecca\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/onlineexammaker.com\/kb\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5f03edf06dd3745ea73e610a6d830a63?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5f03edf06dd3745ea73e610a6d830a63?s=96&r=g\",\"caption\":\"Rebecca\"},\"url\":\"https:\/\/onlineexammaker.com\/kb\/author\/rebeccaoem\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS - OnlineExamMaker Blog","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:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/","og_locale":"en_US","og_type":"article","og_title":"15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS - OnlineExamMaker Blog","og_description":"CSS l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a c\u00e1c b\u1ea3ng phong c\u00e1ch x\u1ebfp t\u1ea7ng. \u0110\u00e2y l\u00e0 m\u1ed9t ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 m\u00f4 t\u1ea3 b\u1ea3n tr\u00ecnh b\u00e0y v\u00e0 ki\u1ec3u c\u1ee7a m\u1ed9t t\u00e0i li\u1ec7u \u0111\u01b0\u1ee3c vi\u1ebft b\u1eb1ng HTML ho\u1eb7c XML. CSS cung c\u1ea5p m\u1ed9t t\u1eadp h\u1ee3p c\u00e1c quy t\u1eafc v\u00e0 thu\u1ed9c t\u00ednh x\u00e1c \u0111\u1ecbnh c\u00e1ch hi\u1ec3n [&hellip;]","og_url":"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/","og_site_name":"OnlineExamMaker Blog","article_published_time":"2025-09-27T14:01:11+00:00","article_modified_time":"2025-11-01T06:12:55+00:00","og_image":[{"width":850,"height":501,"url":"https:\/\/onlineexammaker.com\/kb\/wp-content\/uploads\/2023\/07\/css-quiz.webp","type":"image\/webp"}],"author":"Rebecca","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Rebecca","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/","url":"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/","name":"15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS - OnlineExamMaker Blog","isPartOf":{"@id":"https:\/\/onlineexammaker.com\/kb\/#website"},"datePublished":"2025-09-27T14:01:11+00:00","dateModified":"2025-11-01T06:12:55+00:00","author":{"@id":"https:\/\/onlineexammaker.com\/kb\/#\/schema\/person\/8447ed5937ab8046fa68476e432b32b2"},"breadcrumb":{"@id":"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlineexammaker.com\/kb\/vi\/15-css-quiz-questions-and-answers-vi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlineexammaker.com\/kb\/"},{"@type":"ListItem","position":2,"name":"15 c\u00e2u h\u1ecfi v\u00e0 c\u00e2u tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi c\u1ee7a CSS"}]},{"@type":"WebSite","@id":"https:\/\/onlineexammaker.com\/kb\/#website","url":"https:\/\/onlineexammaker.com\/kb\/","name":"OnlineExamMaker Blog","description":"OnlineExamMaker","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onlineexammaker.com\/kb\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/onlineexammaker.com\/kb\/#\/schema\/person\/8447ed5937ab8046fa68476e432b32b2","name":"Rebecca","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/onlineexammaker.com\/kb\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5f03edf06dd3745ea73e610a6d830a63?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5f03edf06dd3745ea73e610a6d830a63?s=96&r=g","caption":"Rebecca"},"url":"https:\/\/onlineexammaker.com\/kb\/author\/rebeccaoem\/"}]}},"_links":{"self":[{"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/posts\/75141"}],"collection":[{"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/comments?post=75141"}],"version-history":[{"count":1,"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/posts\/75141\/revisions"}],"predecessor-version":[{"id":75142,"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/posts\/75141\/revisions\/75142"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/media\/12869"}],"wp:attachment":[{"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/media?parent=75141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/categories?post=75141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/onlineexammaker.com\/kb\/wp-json\/wp\/v2\/tags?post=75141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}