ເນື້ອຫາ

• ຂັ້ນຕອນ
• ວິທີທີ 1 ຈາກທັງ:ົດ 2: ວິທີການຕັ້ງຄ່າແຜ່ນສະໄຕລພາຍນອກ
• ວິທີທີ່ 2 ຂອງ 2: ວິທີການໃສ່ແຜ່ນສະໄຕລ internal ພາຍໃນ
• ຄໍາແນະນໍາ
• ຄຳ ເຕືອນ

ພາສາ Hypertext Markup (HTML) ກໍານົດວ່າມີອົງປະກອບອັນໃດຢູ່ໃນ ໜ້າ ເວັບ. ພາສາການຂຽນໂປຣແກມ Cascading Style Sheets (CSS) ອະທິບາຍວ່າອົງປະກອບເຫຼົ່ານີ້ຄວນຈະເປັນແນວໃດ.ໄຟລ CSS CSS ສາມາດຖືກເພີ່ມໃສ່ HTML ເປັນພາຍນອກ (CSS ຖືກເພີ່ມເປັນໄຟລ separate ແຍກຕ່າງຫາກ) ຫຼືແຜ່ນສະໄຕລ internal ພາຍໃນ (CSS ລວມຢູ່ໃນໄຟລ ​​HTML HTML). ຮຽນຮູ້ວິທີCSSັງ CSS ໃສ່ໃນໄຟລ ​​HTML HTML ເພື່ອອອກແບບເວັບໄຊຂອງເຈົ້າຄືນໃ່.

ຂັ້ນຕອນ

ວິທີທີ 1 ຈາກທັງ:ົດ 2: ວິທີການຕັ້ງຄ່າແຜ່ນສະໄຕລພາຍນອກ

1. 1 ສ້າງໄຟລ CSS CSS. ກະກຽມແລະບັນທຶກໄຟລ CSS CSS ດ້ວຍສ່ວນຂະຫຍາຍ ".css".
2. 2 ອັບໂຫລດໄຟລ CSS CSS ໃສ່ເວັບໄຊຂອງເຈົ້າ.
3. 3 ຄັດລອກທີ່ຢູ່ (URL) ຂອງໄຟລ CSS CSS. ທີ່ຢູ່ເວັບໄຊຈະມີລັກສະນະຄືແນວນີ້: www.yoursite.com/stylesheet.css.
   • ມັນເປັນການປະຕິບັດທີ່ດີທີ່ຈະເອົາຊື່ໂດເມນຕົ້ນຕໍອອກຈາກ URL. ອີງຕາມອັນນີ້, ທີ່ຢູ່ http: //myisite.com/css/default.css ຈະຖືກຫຍໍ້ລົງເປັນ "/css/default.css". ຈື່ໄວ້ວ່າໃຫ້ລວມເອົາເຄື່ອງາຍທັບ ("/") ນໍາ. ມັນຖືກເອີ້ນວ່າເສັ້ນທາງພີ່ນ້ອງ.
4. 4 ໃສ່ການເຊື່ອມຕໍ່ເຂົ້າໄປໃນໄຟລ. ຊອກຫາແທັກ / head> ໃນໄຟລ ​​HTML HTML ຂອງເຈົ້າແລະສ້າງແຖວເປົ່າຫວ່າງຢູ່ທາງເທິງມັນ. ວາງໃສ່ໃນແຖວນັ້ນ LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css">, ແທນທີ່ "www.your ... " ດ້ວຍການເຊື່ອມຕໍ່ໃນໄຟລ ​​CSS CSS.
5. 5 ບັນທຶກໄຟລ HTML HTML ແລະອັບມັນໃສ່ເວັບໄຊ.
6. 6 ໃຫ້ແນ່ໃຈວ່າທຸກຢ່າງຢູ່ໃນເວັບໄຊເປັນຄືກັບທີ່ມັນຄວນຈະເປັນ. ຖ້າບໍ່ດັ່ງນັ້ນ, ເປີດໄຟລ HTML HTML ຄືນໃ,່, ຊອກຫາຂໍ້ຜິດພາດ, ແລະເຮັດການປ່ຽນແປງ.

ວິທີທີ່ 2 ຂອງ 2: ວິທີການໃສ່ແຜ່ນສະໄຕລ internal ພາຍໃນ

1. 1 ສ້າງຮູບແບບປ້າຍ ກຳ ກັບ>. ເປີດໄຟລ HTML HTML ແລະຊອກຫາແທັກ / head>. ຕື່ມແຖວເປົ່າຫວ່າງໃສ່ທາງເທິງຂອງມັນແລະໃສ່ດັ່ງຕໍ່ໄປນີ້:

ປະເພດ STYLE = "text / css"> / STYLE>

1. 1 ວາງ CSS ທັງyourົດຂອງເຈົ້າໃສ່ໃນລະຫວ່າງສອງປ້າຍຊື່ນີ້.
2. 2 ບັນທຶກໄຟລ HTML HTML (ດ້ວຍການຂະຫຍາຍ .html).
3. 3 ໃຫ້ແນ່ໃຈວ່າທຸກຢ່າງຢູ່ໃນເວັບໄຊເປັນຄືກັບທີ່ມັນຄວນຈະເປັນ. ຖ້າບໍ່ດັ່ງນັ້ນ, ເຮັດການປ່ຽນແປງທີ່ຕ້ອງການ.

ຄໍາແນະນໍາ

• ກວດເບິ່ງລັກສະນະຂອງເວັບໄຊທ in ຢູ່ໃນບຣາວເຊີຕ່າງ different ແລະຢູ່ໃນລະບົບປະຕິບັດການທີ່ແຕກຕ່າງກັນສະເີ. ບາງຕົວທ່ອງເວັບເຊື່ອມຕໍ່ກັບ CSS ໃນທາງທີ່ແຕກຕ່າງກັນເລັກນ້ອຍ. ມັນສາມາດເກີດຂຶ້ນໄດ້ໃນໂປຣແກຣມທ່ອງເວັບດຽວກັນ, ແຕ່ຢູ່ໃນ Mac ແລະ Windows ລຸ້ນຕ່າງກັນ. ຖ້າເວັບໄຊທ your ຂອງເຈົ້າມີລັກສະນະແຕກຕ່າງຢູ່ໃນຕົວທ່ອງເວັບອື່ນ (ຕົວຢ່າງ, ໄລຍະຫ່າງລະຫວ່າງວັດຖຸບາງອັນ, ເຊັ່ນລາຍການ, ມີຂະ ໜາດ ແຕກຕ່າງກັນ), ຫຼັງຈາກນັ້ນບັນຫາແມ່ນການຕັ້ງຄ່າຂອງ browser. ຊອກຫາຮູບແບບຂອງແມ່ແບບແລະວາງມັນໄວ້ຢູ່ເທິງສຸດຂອງໄຟລ CSS CSS ເພື່ອປ່ຽນການຕັ້ງຄ່າໂປຣແກຣມທ່ອງເວັບເລີ່ມຕົ້ນ. ອັນນີ້ແມ່ນເຮັດເພື່ອວ່າການຕັ້ງຄ່າຂອງເຈົ້າບໍ່ປ່ຽນແປງອັນໃດຢູ່ໃນຕົວທ່ອງເວັບເອງ.
• ໃສ່ແຜ່ນສະໄຕລ external ພາຍນອກຖ້າເຈົ້າສາມາດ. ອັນນີ້ຈະຊ່ວຍໃຫ້ເຈົ້າສາມາດປ່ຽນລັກສະນະຂອງເວັບໄຊໄດ້ໂດຍການດັດແປງລະຫັດໃນໄຟລ ​​source ແຫຼ່ງທີ່ມາ. ວິທີນີ້ເຈົ້າບໍ່ ຈຳ ເປັນຕ້ອງປ່ຽນ CSS ໃນທຸກ page ໜ້າ ຂອງເວັບໄຊເຈົ້າ.
• ຖ້າເວັບໄຊທ your ຂອງເຈົ້າບໍ່ຕອບສະ ໜອງ ຕໍ່ CSS ຕາມທີ່ເຈົ້າຄາດໄວ້, ກວດຄືນການເຂົ້າລະຫັດທັງdoubleົດເພື່ອໃຫ້ແນ່ໃຈວ່າມັນສະກົດຖືກຕ້ອງແລ້ວ. ໂດຍສະເພາະ, ໃຫ້ເອົາໃຈໃສ່ເປັນພິເສດຕໍ່ເຄື່ອງicາຍຈໍ້າຈຸດ (";") ແລະວົງເລັບປິດ ("}"). ມັນເປັນເລື່ອງ ທຳ ມະດາທີ່ຈະຍົກເລີກ ໜຶ່ງ ໃນຕົວອັກສອນເຫຼົ່ານີ້ໃນໄຟລ ​​CSS CSS.
• ບັນທຶກໄຟລ HTML HTML ໃສ່ໃນຄອມພິວເຕີຂອງເຈົ້າເພື່ອວ່າເຈົ້າຈະສາມາດເປີດມັນໄດ້ໃນພາຍຫຼັງໃນໂປຣແກຣມທ່ອງເວັບຕ່າງ various ແລະກວດກາເບິ່ງຮູບລັກສະນະຂອງມັນອີກຄັ້ງກ່ອນດາວໂຫລດມັນຕື່ມອີກ. ແຕ່ເພື່ອທີ່ຈະໂຫຼດມັນໄດ້, ໄຟລ CSS CSS ຈະຕ້ອງໄດ້ໃສ່ເຂົ້າໄປໃນ HTML ເປັນຮູບແບບພາຍນອກ.
• ຖ້າແຜ່ນສະໄຕລຂັດກັບຕົວມັນເອງ - ຕົວຢ່າງ, ມັນບອກກ່ອນວ່າຂໍ້ຄວາມຈະເປັນສີຟ້າແລະຈາກນັ້ນມັນຈະເປັນສີແດງ - ສະພາບການສຸດທ້າຍຈະເປັນໄປໄດ້ສະເີ. ຖ້າຄໍາສັ່ງຫນຶ່ງເປັນຊີດຮູບແບບພາຍນອກແລະຄໍາສັ່ງອື່ນເປັນແຜ່ນສະໄຕລ internal ພາຍໃນ, ແຜ່ນຮູບແບບພາຍໃນຈະເປີດນໍາໃຊ້ຢູ່.

ຄຳ ເຕືອນ

• ຢ່າໃຊ້ CSS ຂັ້ນຕອນ "ເປີດ", ນັ້ນແມ່ນ CSS ທີ່ລວມຢູ່ໃນແທັກ HTML. (ຕົວຢ່າງ: "align = 'center'" ເປັນການຕັ້ງ CSS ເປີດ). ນີ້ແມ່ນທາງເລືອກທີ່ລ້າສະໄ with ທີ່ມີໄວຍະກອນບໍ່ດີ. ຖ້າຫຼັງຈາກເວລາໃດ ໜຶ່ງ ທີ່ເຈົ້າຕ້ອງໄດ້ອັບເດດເວັບໄຊ, ການຕັ້ງຄ່ານີ້ຈະຍາກທີ່ຈະປ່ຽນແປງ.