{"id":328,"date":"2020-03-24T16:51:29","date_gmt":"2020-03-24T09:51:29","guid":{"rendered":"https:\/\/thietkewebdalat.net\/blog\/?p=328"},"modified":"2020-03-29T23:03:12","modified_gmt":"2020-03-29T16:03:12","slug":"css-la-gi","status":"publish","type":"post","link":"https:\/\/thietkewebdalat.net\/blog\/css-la-gi\/","title":{"rendered":"CSS l\u00e0 g\u00ec?"},"content":{"rendered":"

Cascading Style Sheets<\/strong> g\u1ecdi t\u1eaft l\u00e0 CSS. L\u00e0 m\u1ed9t ng\u00f4n ng\u1eef thi\u1ebft k\u1ebf \u0111\u01a1n gi\u1ea3n nh\u1eb1m \u0111\u01a1n gi\u1ea3n\u00a0 qu\u00e1 tr\u00ecnh t\u1ea1o web c\u0169ng nh\u01b0 t\u1ea1o c\u00e1c hi\u1ec7u \u1ee9ng l\u00e0m cho website \u0111\u1eb9p m\u1eaft h\u01a1n.<\/span><\/p>\n

Css l\u00e0 g\u00ec?<\/h2>\n

Cascading Style Sheets<\/strong> x\u1eed l\u00fd giao di\u1ec7n c\u1ee7a m\u1ed9t trang web. D\u00f9ng CSS tr\u00ean trang web nh\u1eb1m ki\u1ec3m so\u00e1t m\u00e0u s\u1eafc c\u1ee7a v\u0103n b\u1ea3n, c\u00e1c ki\u1ec3u ph\u00f4ng ch\u1eef, kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c \u0111o\u1ea1n v\u0103n. Thi\u1ebft k\u1ebf c\u00e1c c\u1ed9t c\u00f3 k\u00edch th\u01b0\u1edbc v\u00e0 b\u1ed1 c\u1ee5c, h\u00ecnh \u1ea3nh ho\u1eb7c m\u00e0u n\u1ec1n \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng. Thi\u1ebft k\u1ebf b\u1ed1 c\u1ee5c, ki\u1ec3u hi\u1ec3n th\u1ecb ph\u1ee5 thu\u1ed9c v\u00e0o c\u00e1c thi\u1ebft b\u1ecb v\u00e0 k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh kh\u00e1c nhau c\u0169ng nh\u01b0 m\u1ed9t lo\u1ea1t c\u00e1c hi\u1ec7u \u1ee9ng kh\u00e1c.<\/span><\/p>\n

\"Cascading
Cascading Style Sheets g\u1ecdi t\u1eaft l\u00e0 CSS.<\/figcaption><\/figure>\n

CSS r\u1ea5t d\u1ec5 h\u1ecdc v\u00e0 d\u1ec5 hi\u1ec3u nh\u01b0ng n\u00f3 c\u0169ng cung c\u1ea5p kh\u1ea3 n\u0103ng ki\u1ec3m so\u00e1t m\u1ea1nh m\u1ebd \u0111\u1ed1i v\u1edbi vi\u1ec7c tr\u00ecnh b\u00e0y m\u1ed9t t\u00e0i li\u1ec7u HTML. Th\u00f4ng th\u01b0\u1eddng nh\u1ea5t, CSS \u0111\u01b0\u1ee3c k\u1ebft h\u1ee3p v\u1edbi c\u00e1c ng\u00f4n ng\u1eef \u0111\u00e1nh d\u1ea5u HTML ho\u1eb7c XHTML.<\/span><\/p>\n

\u01afu \u0111i\u1ec3m c\u1ee7a CSS<\/span><\/h2>\n

Cascading Style Sheets<\/strong> ti\u1ebft ki\u1ec7m th\u1eddi gian. B\u1ea1n c\u00f3 th\u1ec3 vi\u1ebft CSS m\u1ed9t l\u1ea7n v\u00e0 sau \u0111\u00f3 s\u1eed d\u1ee5ng l\u1ea1i c\u00f9ng m\u1ed9t trang trong nhi\u1ec1u trang HTML. B\u1ea1n c\u00f3 th\u1ec3 x\u00e1c \u0111\u1ecbnh m\u1ed9t ki\u1ec3u cho t\u1eebng th\u00e0nh ph\u1ea7n HTML v\u00e0 \u00e1p d\u1ee5ng n\u00f3 cho nhi\u1ec1u trang Web nh\u01b0 b\u1ea1n mu\u1ed1n.<\/span><\/p>\n

Trang t\u1ea3i nhanh h\u01a1n. N\u1ebfu b\u1ea1n \u0111ang s\u1eed d\u1ee5ng CSS, b\u1ea1n kh\u00f4ng c\u1ea7n ph\u1ea3i vi\u1ebft thu\u1ed9c t\u00ednh th\u1ebb HTML m\u1ed7i l\u1ea7n vi\u1ebft web. Ch\u1ec9 c\u1ea7n vi\u1ebft quy t\u1eafc CSS c\u1ee7a m\u1ed9t th\u1ebb v\u00e0 \u00e1p d\u1ee5ng n\u00f3 cho t\u1ea5t c\u1ea3 c\u00e1c l\u1ea7n xu\u1ea5t hi\u1ec7n c\u1ee7a th\u1ebb \u0111\u00f3, s\u1ebd gi\u1ea3m t\u1ea3i \u0111\u01b0\u1ee3c th\u1eddi gian t\u1ea3i xu\u1ed1ng.<\/span><\/p>\n

B\u1ea3o tr\u00ec d\u1ec5 d\u00e0ng. \u0110\u1ec3 th\u1ef1c hi\u1ec7n thay \u0111\u1ed5i to\u00e0n c\u1ea7u, ch\u1ec9 c\u1ea7n thay \u0111\u1ed5i ki\u1ec3u v\u00e0 t\u1ea5t c\u1ea3 c\u00e1c th\u00e0nh ph\u1ea7n b\u00ean trong, trang web s\u1ebd \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt t\u1ef1 \u0111\u1ed9ng.<\/span><\/p>\n

CSSki\u1ec3u v\u01b0\u1ee3t tr\u1ed9i so v\u1edbi HTML, c\u00f3 c\u00e1c thu\u1ed9c t\u00ednh\u00a0 nhi\u1ec1u h\u01a1n so v\u1edbi HTML. V\u00ec v\u1eady b\u1ea1n c\u00f3 th\u1ec3 cung c\u1ea5p c\u00e1i nh\u00ecn t\u1ed1t h\u01a1n nhi\u1ec1u cho trang HTML c\u1ee7a m\u00ecnh so v\u1edbi c\u00e1c thu\u1ed9c t\u00ednh HTML.<\/span><\/p>\n

T\u01b0\u01a1ng th\u00edch nhi\u1ec1u thi\u1ebft b\u1ecb. Bi\u1ec3u \u0111\u1ecbnh ki\u1ec3u cho ph\u00e9p n\u1ed9i dung \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a cho nhi\u1ec1u lo\u1ea1i thi\u1ebft b\u1ecb. B\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00f9ng m\u1ed9t t\u00e0i li\u1ec7u HTML. C\u00e1c phi\u00ean b\u1ea3n kh\u00e1c nhau c\u1ee7a trang web c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c tr\u00ecnh b\u00e0y cho c\u00e1c thi\u1ebft b\u1ecb c\u1ea7m tay. V\u00ed d\u1ee5 nh\u01b0 PDA v\u00e0 \u0111i\u1ec7n tho\u1ea1i di \u0111\u1ed9ng ho\u1eb7c \u0111\u1ec3 in.<\/span><\/p>\n

C\u00e1c ti\u00eau chu\u1ea9n web to\u00e0n c\u1ea7u. Hi\u1ec7n c\u00e1c thu\u1ed9c t\u00ednh HTML \u0111ang b\u1ecb ph\u1ea3n \u0111\u1ed1i v\u00e0 n\u00f3 \u0111\u01b0\u1ee3c khuy\u1ebfn ngh\u1ecb s\u1eed d\u1ee5ng CSS. V\u00ec v\u1eady b\u1ea1n n\u00ean\u00a0 s\u1eed d\u1ee5ng CSS trong t\u1ea5t c\u1ea3 c\u00e1c trang HTML. \u0110\u1ec3\u00a0 ch\u00fang ph\u00f9 h\u1ee3p v\u1edbi c\u00e1c tr\u00ecnh duy\u1ec7t trong t\u01b0\u01a1ng lai.<\/span><\/p>\n

Ai t\u1ea1o v\u00e0 duy tr\u00ec CSS?<\/span><\/h2>\n

Cascading Style Sheets<\/strong> \u0111\u01b0\u1ee3c t\u1ea1o v\u00e0 duy tr\u00ec th\u00f4ng qua m\u1ed9t nh\u00f3m ng\u01b0\u1eddi trong W3C. H\u1ecd t\u1ea1o ra c\u00e1c t\u00e0i li\u1ec7u v\u1ec1 th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt. Khi m\u1ed9t \u0111\u1eb7c \u0111i\u1ec3m k\u1ef9 thu\u1eadt \u0111\u00e3 \u0111\u01b0\u1ee3c th\u1ea3o lu\u1eadn v\u00e0 ph\u00ea chu\u1ea9n ch\u00ednh th\u1ee9c b\u1edfi c\u00e1c th\u00e0nh vi\u00ean W3C, n\u00f3 s\u1ebd tr\u1edf th\u00e0nh m\u1ed9t khuy\u1ebfn ngh\u1ecb.<\/span><\/p>\n

C\u00e1c th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt \u0111\u01b0\u1ee3c ph\u00ea chu\u1ea9n n\u00e0y \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 khuy\u1ebfn ngh\u1ecb v\u00ec W3C kh\u00f4ng ki\u1ec3m so\u00e1t vi\u1ec7c tri\u1ec3n khai th\u1ef1c t\u1ebf ng\u00f4n ng\u1eef. C\u00e1c c\u00f4ng ty v\u00e0 t\u1ed5 ch\u1ee9c \u0111\u1ed9c l\u1eadp t\u1ea1o ra ph\u1ea7n m\u1ec1m \u0111\u00f3.<\/span><\/p>\n

L\u01afU \u00dd – World Wide Web Consortium, ho\u1eb7c W3C l\u00e0 m\u1ed9t nh\u00f3m \u0111\u01b0a ra c\u00e1c khuy\u1ebfn ngh\u1ecb v\u1ec1 c\u00e1ch Internet ho\u1ea1t \u0111\u1ed9ng v\u00e0 c\u00e1ch th\u1ee9c ph\u00e1t tri\u1ec3n.<\/span><\/p>\n

Phi\u00ean b\u1ea3n CSS<\/span><\/h2>\n

Cascading Style Sheets c\u1ea5p 1 (CSS1) W3C \u0111\u1ec1 xu\u1ea5t ra \u0111\u1eddi v\u00e0o th\u00e1ng 12 n\u0103m 1996. Phi\u00ean b\u1ea3n n\u00e0y m\u00f4 t\u1ea3 ng\u00f4n ng\u1eef CSS c\u0169ng nh\u01b0 m\u1ed9t m\u00f4 h\u00ecnh \u0111\u1ecbnh d\u1ea1ng tr\u1ef1c quan \u0111\u01a1n gi\u1ea3n cho t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb HTML.<\/span><\/p>\n

CSS2 \u0111\u00e3 \u0111\u01b0\u1ee3c \u0111\u1ec1 xu\u1ea5t b\u1edfi W3C v\u00e0o th\u00e1ng 5 n\u0103m 1998 v\u00e0 \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng tr\u00ean CSS1. CSS2\u00a0 h\u1ed7 tr\u1ee3 cho c\u00e1c bi\u1ec3u \u0111\u1ecbnh ki\u1ec3u d\u00e0nh ri\u00eang cho ph\u01b0\u01a1ng ti\u1ec7n. V\u00ed d\u1ee5: m\u00e1y in v\u00e0 thi\u1ebft b\u1ecb \u00e2m thanh, ph\u00f4ng ch\u1eef c\u00f3 th\u1ec3 t\u1ea3i xu\u1ed1ng, \u0111\u1ecbnh v\u1ecb th\u00e0nh ph\u1ea7n v\u00e0 b\u1ea3ng.<\/span><\/p>\n

CSS3 l\u00e0 phi\u00ean b\u1ea3n m\u1edbi nh\u1ea5t h\u1ed7 tr\u1ee3 nhi\u1ec1u ch\u1ee9c n\u0103ng h\u01a1n CSS2, CSS v\u00e0 n\u00f3 \u0111\u01b0\u1ee3c nhi\u1ec1u l\u1eadp tr\u00ecnh vi\u00ean s\u1eed d\u1ee5ng.<\/span><\/p>\n

B\u00e0i vi\u1ebft kh\u00e1c:<\/p>\n

Thi\u1ebft k\u1ebf web gi\u00e1 r\u1ebb<\/a><\/span><\/p>\n

20 modules c\u1ee7a Node js b\u1ea1n c\u1ea7n bi\u1ebft<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Cascading Style Sheets g\u1ecdi t\u1eaft l\u00e0 CSS. L\u00e0 m\u1ed9t ng\u00f4n ng\u1eef thi\u1ebft k\u1ebf \u0111\u01a1n gi\u1ea3n nh\u1eb1m \u0111\u01a1n gi\u1ea3n\u00a0 qu\u00e1 tr\u00ecnh t\u1ea1o web c\u0169ng nh\u01b0 t\u1ea1o c\u00e1c hi\u1ec7u \u1ee9ng l\u00e0m cho website \u0111\u1eb9p m\u1eaft h\u01a1n. Css l\u00e0 g\u00ec? Cascading Style Sheets x\u1eed l\u00fd giao di\u1ec7n c\u1ee7a m\u1ed9t trang web. D\u00f9ng CSS tr\u00ean trang web nh\u1eb1m ki\u1ec3m […]<\/p>\n","protected":false},"author":1,"featured_media":330,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[16,14],"tags":[122,117,119,120,118,121],"class_list":{"0":"post-328","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-css","8":"category-html-css-js","9":"tag-css","10":"tag-css-la-gi","11":"tag-hoc-css-gia-re","12":"tag-lap-trinh-web","13":"tag-tu-hoc-css","14":"tag-tu-hoc-lap-trinh"},"_links":{"self":[{"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/posts\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":7,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/posts\/328\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/posts\/328\/revisions\/337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/media\/330"}],"wp:attachment":[{"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/media?parent=328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/categories?post=328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/tags?post=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}