{"id":86,"date":"2025-08-16T11:22:31","date_gmt":"2025-08-16T04:22:31","guid":{"rendered":"https:\/\/solio.online\/blog\/?p=86"},"modified":"2025-11-20T14:39:20","modified_gmt":"2025-11-20T07:39:20","slug":"cac-cau-lenh-trong-css3-huong-dan-toan-tap","status":"publish","type":"post","link":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/","title":{"rendered":"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Gi\u1edbi thi\u1ec7u v\u1ec1 CSS3<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CSS3 (Cascading Style Sheets level 3) l\u00e0 phi\u00ean b\u1ea3n n\u00e2ng c\u1ea5p c\u1ee7a CSS2, b\u1ed5 sung nhi\u1ec1u thu\u1ed9c t\u00ednh m\u1edbi gi\u00fap t\u1ea1o giao di\u1ec7n \u0111\u1eb9p, hi\u1ec7n \u0111\u1ea1i v\u00e0 hi\u1ec7u \u1ee9ng m\u01b0\u1ee3t m\u00e0 h\u01a1n cho website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C\u00e2u l\u1ec7nh CSS3 th\u01b0\u1eddng \u0111\u01b0\u1ee3c vi\u1ebft d\u01b0\u1edbi d\u1ea1ng:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">selector {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; property: value;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00ed d\u1ee5:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">h1 {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; color: red;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; font-size: 24px;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. C\u00e1c nh\u00f3m c\u00e2u l\u1ec7nh ch\u00ednh trong CSS3<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.1. C\u00e2u l\u1ec7nh v\u1ec1 m\u00e0u s\u1eafc<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CSS3 h\u1ed7 tr\u1ee3 nhi\u1ec1u c\u00e1ch \u0111\u1ecbnh ngh\u0129a m\u00e0u h\u01a1n CSS2:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">p {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; color: #ff0000;&nbsp; &nbsp; &nbsp; &nbsp; \/* M\u00e3 HEX *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; color: rgb(255, 0, 0); \/* RGB *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; color: rgba(255, 0, 0, 0.5); \/* RGB c\u00f3 \u0111\u1ed9 trong su\u1ed1t *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; color: hsl(0, 100%, 50%);&nbsp; &nbsp; \/* HSL *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; color: hsla(0, 100%, 50%, 0.5); \/* HSL c\u00f3 alpha *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.2. C\u00e2u l\u1ec7nh v\u1ec1 font v\u00e0 v\u0103n b\u1ea3n<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">body {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; font-family: &#8216;Arial&#8217;, sans-serif; \/* Font ch\u1eef *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; font-size: 16px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \/* C\u1ee1 ch\u1eef *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; font-weight: bold; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \/* \u0110\u1ed9 \u0111\u1eadm *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; text-align: center; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \/* C\u0103n gi\u1eefa *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; text-shadow: 2px 2px 5px #999; &nbsp; &nbsp; \/* \u0110\u1ed5 b\u00f3ng ch\u1eef *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.3. C\u00e2u l\u1ec7nh v\u1ec1 n\u1ec1n (background)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CSS3 cho ph\u00e9p d\u00f9ng \u1ea3nh n\u1ec1n, gradient, nhi\u1ec1u l\u1edbp n\u1ec1n c\u00f9ng l\u00fac.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">div {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background-color: #f0f0f0; &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background-image: url(&#8216;bg.jpg&#8217;); &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background-size: cover; \/* Bao ph\u1ee7 to\u00e0n b\u1ed9 *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background-repeat: no-repeat; &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background-position: center; &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\/* Gradient n\u1ec1n *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.gradient {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background: linear-gradient(to right, red, yellow);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.4. C\u00e2u l\u1ec7nh v\u1ec1 border (vi\u1ec1n)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.box {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; border: 2px solid black; &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; border-radius: 10px; \/* Bo tr\u00f2n g\u00f3c *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; box-shadow: 5px 5px 15px rgba(0,0,0,0.3); \/* \u0110\u1ed5 b\u00f3ng *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.5. C\u00e2u l\u1ec7nh v\u1ec1 k\u00edch th\u01b0\u1edbc v\u00e0 b\u1ed1 c\u1ee5c<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.container {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; width: 80%; &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; max-width: 1200px; &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; margin: auto; &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; padding: 20px; &nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; display: flex; \/* B\u1ed1 c\u1ee5c Flexbox *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; gap: 10px; &nbsp; &nbsp; \/* Kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c ph\u1ea7n t\u1eed *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.6. C\u00e2u l\u1ec7nh v\u1ec1 hi\u1ec7u \u1ee9ng (transitions &amp; animations)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Transition \u2013 chuy\u1ec3n \u0111\u1ed5i m\u01b0\u1ee3t m\u00e0 khi thu\u1ed9c t\u00ednh thay \u0111\u1ed5i:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.button {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background-color: blue;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; transition: background-color 0.5s ease;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.button:hover {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background-color: red;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Animation \u2013 t\u1ea1o ho\u1ea1t c\u1ea3nh:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">@keyframes myMove {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; 0% { transform: translateX(0); }<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; 100% { transform: translateX(100px); }<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.box {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; animation: myMove 2s infinite alternate;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.7. C\u00e2u l\u1ec7nh v\u1ec1 bi\u1ebfn trong CSS3 (Custom Properties)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">:root {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &#8211;main-color: #3498db;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &#8211;padding: 10px;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.card {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; background-color: var(&#8211;main-color);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; padding: var(&#8211;padding);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.8. C\u00e2u l\u1ec7nh Responsive (Media Queries)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">@media (max-width: 768px) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; body {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; font-size: 14px;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; }<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; .container {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; flex-direction: column;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; }<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. M\u1ed9t s\u1ed1 t\u00ednh n\u0103ng m\u1edbi n\u1ed5i b\u1eadt c\u1ee7a CSS3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Flexbox &amp; Grid: B\u1ed1 c\u1ee5c linh ho\u1ea1t, d\u1ec5 c\u0103n ch\u1ec9nh.<\/li>\n\n\n\n<li>Transform: Xoay, ph\u00f3ng to, nghi\u00eang ph\u1ea7n t\u1eed.<\/li>\n\n\n\n<li>Filter: L\u00e0m m\u1edd, \u0111\u1ed5i m\u00e0u \u1ea3nh.<\/li>\n\n\n\n<li>Clip-path: C\u1eaft h\u00ecnh d\u1ea1ng t\u00f9y \u00fd.<\/li>\n\n\n\n<li>Backdrop-filter: T\u1ea1o hi\u1ec7u \u1ee9ng k\u00ednh m\u1edd.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. K\u1ebft lu\u1eadn<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CSS3 m\u1edf ra kh\u1ea3 n\u0103ng thi\u1ebft k\u1ebf web m\u1ea1nh m\u1ebd, kh\u00f4ng ch\u1ec9 l\u00e0m \u0111\u1eb9p m\u00e0 c\u00f2n t\u1ed1i \u01b0u tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Khi k\u1ebft h\u1ee3p c\u00e1c c\u00e2u l\u1ec7nh t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao, b\u1ea1n c\u00f3 th\u1ec3 x\u00e2y d\u1ef1ng giao di\u1ec7n web hi\u1ec7n \u0111\u1ea1i, nh\u1eb9 v\u00e0 t\u01b0\u01a1ng th\u00edch m\u1ecdi thi\u1ebft b\u1ecb.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Gi\u1edbi thi\u1ec7u v\u1ec1 CSS3 CSS3 (Cascading Style Sheets level 3) l\u00e0 phi\u00ean b\u1ea3n n\u00e2ng c\u1ea5p c\u1ee7a CSS2, b\u1ed5 sung nhi\u1ec1u thu\u1ed9c t\u00ednh m\u1edbi gi\u00fap t\u1ea1o giao di\u1ec7n \u0111\u1eb9p, hi\u1ec7n \u0111\u1ea1i v\u00e0 hi\u1ec7u \u1ee9ng m\u01b0\u1ee3t m\u00e0 h\u01a1n cho website. C\u00e2u l\u1ec7nh CSS3 th\u01b0\u1eddng \u0111\u01b0\u1ee3c vi\u1ebft d\u01b0\u1edbi d\u1ea1ng: selector { &nbsp; &nbsp; property: value; } V\u00ed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[],"class_list":["post-86","post","type-post","status-publish","format-standard","hentry","category-thu-vien-lap-trinh"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp - Solio.online 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:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp - Solio.online Blog\" \/>\n<meta property=\"og:description\" content=\"1. Gi\u1edbi thi\u1ec7u v\u1ec1 CSS3 CSS3 (Cascading Style Sheets level 3) l\u00e0 phi\u00ean b\u1ea3n n\u00e2ng c\u1ea5p c\u1ee7a CSS2, b\u1ed5 sung nhi\u1ec1u thu\u1ed9c t\u00ednh m\u1edbi gi\u00fap t\u1ea1o giao di\u1ec7n \u0111\u1eb9p, hi\u1ec7n \u0111\u1ea1i v\u00e0 hi\u1ec7u \u1ee9ng m\u01b0\u1ee3t m\u00e0 h\u01a1n cho website. C\u00e2u l\u1ec7nh CSS3 th\u01b0\u1eddng \u0111\u01b0\u1ee3c vi\u1ebft d\u01b0\u1edbi d\u1ea1ng: selector { &nbsp; &nbsp; property: value; } V\u00ed [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/\" \/>\n<meta property=\"og:site_name\" content=\"Solio.online Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-16T04:22:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-20T07:39:20+00:00\" \/>\n<meta name=\"author\" content=\"Trung Vu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Trung Vu\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/\"},\"author\":{\"name\":\"Trung Vu\",\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#\\\/schema\\\/person\\\/287c2155cd174f2a66574cea8e892d5b\"},\"headline\":\"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp\",\"datePublished\":\"2025-08-16T04:22:31+00:00\",\"dateModified\":\"2025-11-20T07:39:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/\"},\"wordCount\":695,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#organization\"},\"articleSection\":[\"Th\u01b0 vi\u1ec7n l\u1eadp tr\u00ecnh\"],\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/\",\"url\":\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/\",\"name\":\"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp - Solio.online Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#website\"},\"datePublished\":\"2025-08-16T04:22:31+00:00\",\"dateModified\":\"2025-11-20T07:39:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\\\/\\\/solio.online\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/solio.online\\\/blog\\\/\",\"name\":\"Solio.online Blog\",\"description\":\"Tin T\u1ee9c C\u00f4ng Ngh\u1ec7, AI, L\u1eadp Tr\u00ecnh V\u00e0 Chuy\u1ec3n \u0110\u1ed5i S\u1ed1\",\"publisher\":{\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/solio.online\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#organization\",\"name\":\"Solio.online Blog\",\"url\":\"https:\\\/\\\/solio.online\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/solio.online\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-IMG_1491-1.jpeg\",\"contentUrl\":\"https:\\\/\\\/solio.online\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-IMG_1491-1.jpeg\",\"width\":512,\"height\":512,\"caption\":\"Solio.online Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/solio.online\\\/blog\\\/#\\\/schema\\\/person\\\/287c2155cd174f2a66574cea8e892d5b\",\"name\":\"Trung Vu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ab312adb447119821df167fd8c5a8d24f73e24ca0d0070ec4ac3adbda06154d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ab312adb447119821df167fd8c5a8d24f73e24ca0d0070ec4ac3adbda06154d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ab312adb447119821df167fd8c5a8d24f73e24ca0d0070ec4ac3adbda06154d?s=96&d=mm&r=g\",\"caption\":\"Trung Vu\"},\"sameAs\":[\"https:\\\/\\\/solio.online\\\/blog\"],\"url\":\"https:\\\/\\\/solio.online\\\/blog\\\/author\\\/solio_admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp - Solio.online 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:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp - Solio.online Blog","og_description":"1. Gi\u1edbi thi\u1ec7u v\u1ec1 CSS3 CSS3 (Cascading Style Sheets level 3) l\u00e0 phi\u00ean b\u1ea3n n\u00e2ng c\u1ea5p c\u1ee7a CSS2, b\u1ed5 sung nhi\u1ec1u thu\u1ed9c t\u00ednh m\u1edbi gi\u00fap t\u1ea1o giao di\u1ec7n \u0111\u1eb9p, hi\u1ec7n \u0111\u1ea1i v\u00e0 hi\u1ec7u \u1ee9ng m\u01b0\u1ee3t m\u00e0 h\u01a1n cho website. C\u00e2u l\u1ec7nh CSS3 th\u01b0\u1eddng \u0111\u01b0\u1ee3c vi\u1ebft d\u01b0\u1edbi d\u1ea1ng: selector { &nbsp; &nbsp; property: value; } V\u00ed [&hellip;]","og_url":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/","og_site_name":"Solio.online Blog","article_published_time":"2025-08-16T04:22:31+00:00","article_modified_time":"2025-11-20T07:39:20+00:00","author":"Trung Vu","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Trung Vu","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/#article","isPartOf":{"@id":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/"},"author":{"name":"Trung Vu","@id":"https:\/\/solio.online\/blog\/#\/schema\/person\/287c2155cd174f2a66574cea8e892d5b"},"headline":"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp","datePublished":"2025-08-16T04:22:31+00:00","dateModified":"2025-11-20T07:39:20+00:00","mainEntityOfPage":{"@id":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/"},"wordCount":695,"commentCount":0,"publisher":{"@id":"https:\/\/solio.online\/blog\/#organization"},"articleSection":["Th\u01b0 vi\u1ec7n l\u1eadp tr\u00ecnh"],"inLanguage":"vi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/","url":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/","name":"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp - Solio.online Blog","isPartOf":{"@id":"https:\/\/solio.online\/blog\/#website"},"datePublished":"2025-08-16T04:22:31+00:00","dateModified":"2025-11-20T07:39:20+00:00","breadcrumb":{"@id":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/solio.online\/blog\/cac-cau-lenh-trong-css3-huong-dan-toan-tap\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/solio.online\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00e1c C\u00e2u L\u1ec7nh Trong CSS3 \u2013 H\u01b0\u1edbng D\u1eabn To\u00e0n T\u1eadp"}]},{"@type":"WebSite","@id":"https:\/\/solio.online\/blog\/#website","url":"https:\/\/solio.online\/blog\/","name":"Solio.online Blog","description":"Tin T\u1ee9c C\u00f4ng Ngh\u1ec7, AI, L\u1eadp Tr\u00ecnh V\u00e0 Chuy\u1ec3n \u0110\u1ed5i S\u1ed1","publisher":{"@id":"https:\/\/solio.online\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/solio.online\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/solio.online\/blog\/#organization","name":"Solio.online Blog","url":"https:\/\/solio.online\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/solio.online\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/solio.online\/blog\/wp-content\/uploads\/2026\/04\/cropped-IMG_1491-1.jpeg","contentUrl":"https:\/\/solio.online\/blog\/wp-content\/uploads\/2026\/04\/cropped-IMG_1491-1.jpeg","width":512,"height":512,"caption":"Solio.online Blog"},"image":{"@id":"https:\/\/solio.online\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/solio.online\/blog\/#\/schema\/person\/287c2155cd174f2a66574cea8e892d5b","name":"Trung Vu","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/secure.gravatar.com\/avatar\/7ab312adb447119821df167fd8c5a8d24f73e24ca0d0070ec4ac3adbda06154d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7ab312adb447119821df167fd8c5a8d24f73e24ca0d0070ec4ac3adbda06154d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7ab312adb447119821df167fd8c5a8d24f73e24ca0d0070ec4ac3adbda06154d?s=96&d=mm&r=g","caption":"Trung Vu"},"sameAs":["https:\/\/solio.online\/blog"],"url":"https:\/\/solio.online\/blog\/author\/solio_admin\/"}]}},"_links":{"self":[{"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/posts\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":1,"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/solio.online\/blog\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}