{"id":20217,"date":"2013-07-13T07:44:00","date_gmt":"2013-07-13T07:44:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/07\/13\/the-span-trong-html-nhieu-thu-vi-bat-ngo\/"},"modified":"2022-08-20T16:18:35","modified_gmt":"2022-08-20T09:18:35","slug":"the-span-html","status":"publish","type":"post","link":"https:\/\/kiencang.net\/the-span-html\/","title":{"rendered":"Th\u1ebb span trong HTML – nhi\u1ec1u th\u00fa v\u1ecb b\u1ea5t ng\u1edd"},"content":{"rendered":"\n

Th\u1ebb span l\u00e0 th\u1ebb kh\u00e1 \u0111\u1eb7c bi\u1ec7t trong HTML, theo m\u1eb7c \u0111\u1ecbnh \u0111o\u1ea1n v\u0103n b\u1ea3n trong c\u1eb7p th\u1ebb span kh\u00f4ng b\u1ecb thay \u0111\u1ed5i b\u1ea5t c\u1ee9 \u0111i\u1ec1u g\u00ec – do v\u1eady n\u00f3 c\u00f2n \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 th\u1ebb trung t\u00ednh. S\u1ef1 thay \u0111\u1ed5i ch\u1ec9 x\u1ea3y \u0111\u1ebfn khi b\u1ea1n t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn th\u1ebb span th\u00f4ng qua CSS. Ngo\u00e0i ra th\u1ebb n\u00e0y n\u1eb1m trong nh\u00f3m inline.<\/p>\n\n\n\n

\u0110i\u1ec3m m\u1ea1nh c\u1ee7a th\u1ebb span ch\u00ednh \u1edf t\u00ednh ch\u1ea5t trung t\u00ednh c\u1ee7a c\u1ee7a n\u00f3. Gi\u1edd ch\u00fang ta ti\u1ebfn h\u00e0nh m\u1ed9t s\u1ed1 th\u00ed nghi\u1ec7m sau, \u0111\u1ea7u ti\u00ean b\u1ea1n h\u00e3y l\u00e0m cho t\u1eebng ch\u1eef b\u00ean d\u01b0\u1edbi c\u00f3 m\u00e0u v\u1edbi t\u00ean t\u01b0\u01a1ng \u1ee9ng c\u1ee7a n\u00f3<\/a>:<\/p>\n\n\n\n

M\u00e0u \u0111\u1ecf, m\u00e0u v\u00e0ng, m\u00e0u xanh l\u00e0 3 m\u00e0u c\u1ee7a \u0111\u00e8n t\u00edn hi\u1ec7u giao th\u00f4ng.<\/p>\n\n\n\n

N\u1ebfu 3 ch\u1eef m\u00e0u \u0111\u1ecf, m\u00e0u v\u00e0ng, m\u00e0u xanh \u0111\u1ee9ng \u1edf 3 d\u00f2ng kh\u00e1c nhau th\u00ec s\u1ef1 vi\u1ec7c r\u1ea5t \u0111\u01a1n gi\u1ea3n, b\u1ea1n s\u1ebd cho n\u00f3 v\u00e0o c\u1eb7p th\u1ebb <p> r\u1ed3i \u0111\u1ecbnh style cho t\u1eebng th\u1ebb v\u1edbi m\u00e0u theo y\u00eau c\u1ea7u. Tuy nhi\u00ean, v\u1ea5n \u0111\u1ec1 kh\u00f3 l\u00e0 \u1edf ch\u1ed7, 3 ch\u1eef \u0111\u00f3 ph\u1ea3i tr\u00ean c\u00f9ng m\u1ed9t d\u00f2ng. \u0110\u00e2y l\u00e0 l\u00fac ta c\u1ea7n d\u00f9ng th\u1ebb span. M\u1eabu code cho \u0111o\u1ea1n tr\u00ean:<\/p>\n\n\n\n

<p><span style=\"color: red;\">M\u00e0u \u0111\u1ecf<\/span>, <span style=\"color: yellow;\">m\u00e0u v\u00e0ng<\/span>, <span style=\"color: blue;\">m\u00e0u xanh<\/span> l\u00e0 3 m\u00e0u c\u1ee7a \u0111\u00e8n t\u00edn hi\u1ec7u giao th\u00f4ng.<\/p><\/code><\/pre>\n\n\n\n
V\u00e0 \u0111\u00e2y l\u00e0 k\u1ebft qu\u1ea3:<\/p>\n\n\n\n
M\u00e0u \u0111\u1ecf<\/span>, m\u00e0u v\u00e0ng<\/span>, m\u00e0u xanh<\/span> l\u00e0 3 m\u00e0u c\u1ee7a \u0111\u00e8n t\u00edn hi\u1ec7u giao th\u00f4ng.<\/p>\n\n\n\n
N\u1ebfu b\u1ea1n kh\u00f4ng th\u00eam thu\u1ed9c t\u00ednh style v\u00e0 \u0111\u1ecbnh gi\u00e1 tr\u1ecb m\u00e0u s\u1eafc trong th\u1ebb span th\u00ec kh\u00f4ng c\u00f3 \u0111i\u1ec1u g\u00ec x\u1ea3y ra c\u1ea3. Gi\u1edd ch\u00fang ta mu\u1ed1n ch\u1eef “\u0111\u00e8n t\u00ecn hi\u1ec7u giao th\u00f4ng” c\u00f3 size to h\u01a1n th\u00ec l\u00e0m th\u1ebf n\u00e0o? B\u1ea1n c\u0169ng l\u00e0m t\u01b0\u01a1ng t\u1ef1 th\u00f4i, ch\u1ec9 kh\u00e1c l\u00e0 thay v\u00ec x\u00e0i style m\u00e0u ta d\u00f9ng style font-size. \u0110\u00e2y l\u00e0 k\u1ebft qu\u1ea3:<\/p>\n\n\n\n
M\u00e0u \u0111\u1ecf<\/span>, m\u00e0u v\u00e0ng<\/span>, m\u00e0u xanh<\/span> l\u00e0 3 m\u00e0u c\u1ee7a \u0111\u00e8n t\u00edn hi\u1ec7u giao th\u00f4ng<\/span>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Th\u1ebb span l\u00e0 th\u1ebb kh\u00e1 \u0111\u1eb7c bi\u1ec7t trong HTML, theo m\u1eb7c \u0111\u1ecbnh \u0111o\u1ea1n v\u0103n b\u1ea3n trong c\u1eb7p th\u1ebb span kh\u00f4ng b\u1ecb thay \u0111\u1ed5i b\u1ea5t c\u1ee9 \u0111i\u1ec1u g\u00ec – do v\u1eady n\u00f3 c\u00f2n \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 th\u1ebb trung t\u00ednh. S\u1ef1 thay \u0111\u1ed5i ch\u1ec9 x\u1ea3y \u0111\u1ebfn khi b\u1ea1n t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn th\u1ebb span th\u00f4ng qua CSS. Ngo\u00e0i …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[235],"tags":[],"yoast_head":"\nTh\u1ebb span trong HTML - nhi\u1ec1u th\u00fa v\u1ecb b\u1ea5t ng\u1edd • Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/the-span-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Th\u1ebb span trong HTML - nhi\u1ec1u th\u00fa v\u1ecb b\u1ea5t ng\u1edd • Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Th\u1ebb span l\u00e0 th\u1ebb kh\u00e1 \u0111\u1eb7c bi\u1ec7t trong HTML, theo m\u1eb7c \u0111\u1ecbnh \u0111o\u1ea1n v\u0103n b\u1ea3n trong c\u1eb7p th\u1ebb span kh\u00f4ng b\u1ecb thay \u0111\u1ed5i b\u1ea5t c\u1ee9 \u0111i\u1ec1u g\u00ec – do v\u1eady n\u00f3 c\u00f2n \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 th\u1ebb trung t\u00ednh. S\u1ef1 thay \u0111\u1ed5i ch\u1ec9 x\u1ea3y \u0111\u1ebfn khi b\u1ea1n t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn th\u1ebb span th\u00f4ng qua CSS. Ngo\u00e0i …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/the-span-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-13T07:44:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-20T09:18:35+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Th\u1ebb span trong HTML - nhi\u1ec1u th\u00fa v\u1ecb b\u1ea5t ng\u1edd • Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/the-span-html\/","og_locale":"vi_VN","og_type":"article","og_title":"Th\u1ebb span trong HTML - nhi\u1ec1u th\u00fa v\u1ecb b\u1ea5t ng\u1edd • Ki\u1ebfn c\u00e0ng","og_description":"Th\u1ebb span l\u00e0 th\u1ebb kh\u00e1 \u0111\u1eb7c bi\u1ec7t trong HTML, theo m\u1eb7c \u0111\u1ecbnh \u0111o\u1ea1n v\u0103n b\u1ea3n trong c\u1eb7p th\u1ebb span kh\u00f4ng b\u1ecb thay \u0111\u1ed5i b\u1ea5t c\u1ee9 \u0111i\u1ec1u g\u00ec – do v\u1eady n\u00f3 c\u00f2n \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 th\u1ebb trung t\u00ednh. S\u1ef1 thay \u0111\u1ed5i ch\u1ec9 x\u1ea3y \u0111\u1ebfn khi b\u1ea1n t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn th\u1ebb span th\u00f4ng qua CSS. Ngo\u00e0i …","og_url":"https:\/\/kiencang.net\/the-span-html\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-07-13T07:44:00+00:00","article_modified_time":"2022-08-20T09:18:35+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/the-span-html\/","url":"https:\/\/kiencang.net\/the-span-html\/","name":"Th\u1ebb span trong HTML - nhi\u1ec1u th\u00fa v\u1ecb b\u1ea5t ng\u1edd • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-07-13T07:44:00+00:00","dateModified":"2022-08-20T09:18:35+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/the-span-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/the-span-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/the-span-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Th\u1ebb span trong HTML – nhi\u1ec1u th\u00fa v\u1ecb b\u1ea5t ng\u1edd"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20217"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=20217"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20217\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=20217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=20217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=20217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}