{"id":320,"date":"2013-08-31T15:45:00","date_gmt":"2013-08-31T15:45:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/08\/31\/chinh-sua-css-cho-the-a\/"},"modified":"2022-08-24T00:27:37","modified_gmt":"2022-08-23T17:27:37","slug":"chinh-sua-css-cho-the-a","status":"publish","type":"post","link":"https:\/\/kiencang.net\/chinh-sua-css-cho-the-a\/","title":{"rendered":"Ch\u1ec9nh s\u1eeda CSS cho th\u1ebb a: m\u1ed9t trong nh\u1eefng c\u00e1i quan tr\u1ecdng nh\u1ea5t m\u00e0 b\u1ea1n c\u1ea7n PH\u1ea2I bi\u1ebft"},"content":{"rendered":"\n

Th\u1ebb a – th\u1ebb d\u00f9ng \u0111\u1ec3 t\u1ea1o c\u00e1c li\u00ean k\u1ebft gi\u1eefa c\u00e1c trang web<\/a>, theo m\u1eb7c \u0111\u1ecbnh s\u1ebd c\u00f3 m\u00e0u xanh<\/span> v\u00e0 \u0111\u01b0\u1ee3c g\u1ea1ch ch\u00e2n<\/u>. <\/p>\n\n\n\n

Th\u01b0\u1eddng th\u00ec ch\u00fang ta s\u1ebd thay \u0111\u1ed5i CSS cho n\u00f3 \u0111\u1ec3 \u0111em l\u1ea1i nhi\u1ec1u hi\u1ec7u \u1ee9ng th\u00fa v\u1ecb h\u01a1n v\u1edbi ng\u01b0\u1eddi d\u00f9ng. H\u00f4m nay blog Ki\u1ebfn c\u00e0ng s\u1ebd c\u00f9ng b\u1ea1n ti\u1ebfn h\u00e0nh m\u1ed9t v\u00e0i th\u00ed nghi\u1ec7m nh\u1ecf v\u1edbi th\u1ebb n\u00e0y.<\/p>\n\n\n\n

Tr\u01b0\u1edbc ti\u00ean ch\u00fang ta ph\u1ea3i bi\u1ebft \u0111\u1ebfn 4 l\u1edbp gi\u1ea3 c\u1ee7a th\u1ebb a, \u0111\u00f3 l\u00e0:<\/p>\n\n\n\n

  1. link<\/strong>: tr\u1ea1ng th\u00e1i khi li\u00ean k\u1ebft ch\u01b0a nh\u1eadn b\u1ea5t c\u1ee9 t\u00e1c \u0111\u1ed9ng n\u00e0o, ch\u00fang ta s\u1eed d\u1ee5ng l\u1ec7nh a:link {C\u00e1c L\u1ec7nh CSS}<\/code> \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh.<\/li>
  2. hover<\/strong>: tr\u1ea1ng th\u00e1i khi li\u00ean k\u1ebft \u0111\u01b0\u1ee3c di chu\u1ed9t qua, n\u00f3 r\u1ea5t quan tr\u1ecdng n\u00ean b\u1ea1n ph\u1ea3i h\u1ebft s\u1ee9c ch\u00fa \u00fd, ch\u00fang ta s\u1eed d\u1ee5ng a:hover {C\u00e1c L\u1ec7nh CSS}<\/code> \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh.<\/li>
  3. visited<\/strong>: tr\u1ea1ng th\u00e1i khi ng\u01b0\u1eddi d\u00f9ng \u0111\u00e3 click v\u00e0o li\u00ean k\u1ebft tr\u01b0\u1edbc \u0111\u00f3 (h\u1eadu t\u1ed1 ed \u00e1m ch\u1ec9 qu\u00e1 kh\u1ee9), ch\u00fang ta s\u1eed d\u1ee5ng a:visted {C\u00e1c l\u1ec7nh CSS}<\/code> \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh.<\/li>
  4. active<\/strong>: tr\u1ea1ng th\u00e1i khi li\u00ean k\u1ebft \u0111ang \u0111\u01b0\u1ee3c nh\u1ea5n, ch\u00fang ta s\u1eed d\u1ee5ng a:active {C\u00e1c L\u1ec7nh CSS}<\/code> \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh.<\/li><\/ol>\n\n\n\n

    \u0110\u1ecdc th\u00eam v\u1ec1 c\u00e1c l\u1edbp gi\u1ea3 first-letter<\/a>, first-child<\/a> & selector trong CSS<\/a>.<\/p>\n\n\n\n

    V\u00e0 d\u01b0\u1edbi \u0111\u00e2y l\u00e0 nh\u1eefng v\u00ed d\u1ee5 c\u1ee5 th\u1ec3:<\/p>\n\n\n\n


    \n\n\n\n

    B\u1ecf g\u1ea1ch ch\u00e2n cho li\u00ean k\u1ebft (s\u1eed d\u1ee5ng text-decoration:none<\/code>):<\/p>\n\n\n\n

    Code m\u1eabu:<\/p>\n\n\n\n

    <style>\na {text-decoration:none}\n<\/style>\n<a href=\"https:\/\/kiencang.net\">Ki\u1ebfn c\u00e0ng<\/a><\/code><\/pre>\n\n\n\n

    \u0110\u1ecdc th\u00eam c\u00e1ch CSS cho v\u0103n b\u1ea3n<\/a>.<\/p>\n\n\n\n


    \n\n\n\n

    Di chu\u1ed9t qua s\u1ebd chuy\u1ec3n th\u00e0nh m\u00e0u \u0111\u1ecf (s\u1eed d\u1ee5ng hover<\/code>): <\/p>\n\n\n\n

    Code m\u1eabu:<\/p>\n\n\n\n

    <style>\na:hover {color:red;}\n<\/style>\n<a id=\"hoverme\" href=\"https:\/\/kiencang.net\">Ki\u1ebfn c\u00e0ng<\/a><\/code><\/pre>\n\n\n\n

    K\u1ebft qu\u1ea3:<\/p>\n\n\n\n