ຈົດຫມາຍຕົວເລກໃນ html ແລະ css

ຈົດຫມາຍນະຄອນຫຼວງ, ອີງຕາມຄໍານິຍາມ, ແມ່ນອົງປະກອບຂອງຂໍ້ຄວາມທີ່ເພີ່ມຂຶ້ນໃນຂະຫນາດທີ່ກ່ຽວກັບ ຕົວອັກສອນຕົວນ້ອຍ. ເກືອບທັງຫມົດພາສາເລີ່ມຕົ້ນດ້ວຍຈົດຫມາຍນະຄອນຫຼວງ. ແລະການອອກແບບຂອງການເລີ່ມຕົ້ນຂອງວັກທີ່ມີຈົດຫມາຍສະບັບແປກໃຫຍ່ຊ່ວຍໃຫ້ທ່ານສ້າງໂຄງສ້າງຂໍ້ຄວາມແລະເຮັດໃຫ້ມັນງ່າຍຕໍ່ການຮັບຮູ້. ໃນເວລາທີ່ຫນ້າເວັບແມ່ນອອກ, ຂໍ້ຄວາມສາມາດໄດ້ຮັບການລາຍລັກອັກສອນຕາມຄວາມຕ້ອງການຂອງຜູ້ຂຽນແລະກົດລະບຽບຂອງພາສາລັດເຊຍ. ນອກຈາກນີ້, ການອອກແບບຂອງມັນສາມາດ "ອັດຕະໂນມັດ" ໂດຍການໃສ່ "ຄໍາສັ່ງ" ທີ່ແນ່ນອນໃນໄຟລ໌ທີ່ມີເອກະສານເອກະສານສະຫນັບສະຫນູນຂອງເອກະສານ - ຫຼືເພີ່ມໄຟລ໌ html ຂອງທ່ານໄປຍັງສ່ວນສະໄຕ. CSS ແມ່ນປົກກະຕິແລ້ວການສຶກສານອກຈາກນັ້ນກັບ html ເພື່ອປ່ຽນແປງບາງອົງປະກອບການອອກແບບໃນເວລາດຽວກັນໃນຂໍ້ຄວາມທັງຫມົດ. ນີ້ແມ່ນຄວາມຈິງໂດຍສະເພາະຖ້າເວັບໄຊທ໌ມີຫຼາຍຮ້ອຍຫນ້າ, ແລະການປ່ຽນແປງແຕ່ລະຄົນແມ່ນເປັນຂະບວນການທີ່ໃຊ້ເວລາຫຼາຍ.

ຖ້າທ່ານໃຊ້ css, ຕົວອັກສອນໃຫຍ່ຢູ່ໃນຕອນເລີ່ມຕົ້ນຂອງແຕ່ລະວັກສາມາດພິເສດ. ຕົວຢ່າງເຊັ່ນໂຄ້ດດ້ານຮ່າງແນະນໍາໃນ html ໂດຍບໍ່ມີວົງເລັບອະນຸຍາດໃຫ້ສໍາລັບຂໍ້ຄວາມທີ່ມີຮູບແບບ "p" ເພື່ອເຮັດໃຫ້ຕົວອັກສອນທໍາອິດ - ຈົດຫມາຍທໍາອິດ - ຂະຫນາດໃຫຍ່ - 220% ຂອງຂະຫນາດມາດຕະຖານ, ສີເຫຼືອງ - ສີມູນຄ່າແມ່ນສີເຫຼືອງແລະຂຽນໃນຕົວອັກສອນ, ແຕກຕ່າງຈາກສ່ວນທີ່ເຫລືອຂອງຂໍ້ຄວາມ - Georgia vs batangche.

(<) ແບບ (>)

P {font-family: batangche Font size: 93%}

P: ຈົດຫມາຍສະບັບທໍາອິດ {font-family: Georgia; ຂະຫນາດຕົວອັກສອນ: 220%; ສີ: ສີເຫຼືອງ}

(<) / ແບບ (>)

ຕົວອັກສອນໃຫຍ່ທີ່ສວຍງາມສາມາດໄດ້ຮັບຖ້າທ່ານສ້າງຕົວອັກສອນຂອງຕົວເອງໃນຮູບແບບຂອງຮູບ - ສໍາລັບຈົດຫມາຍແຕ່ລະຮູບພາບແຍກຕ່າງຫາກ, ຕົວຢ່າງ, ໃນແບບເກົ່າຂອງລັດເຊຍຫຼືແບບ Gothic. ພວກເຂົາສາມາດໄດ້ຮັບການດຶງອອກໃນ ບັນນາທິການຮູບພາບ. ຫຼັງຈາກນັ້ນ, ໃນສະຖານທີ່ທີ່ຕ້ອງການ, ທ່ານສາມາດໃສ່ລະຫັດທີ່ບໍ່ມີວົງເລັບໃນສະຖານທີ່ທີ່ຕ້ອງການ (<) img src = http: // site / article / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0 % BB% D0% BA% D0% B0 ກັບສະຖານທີ່ບ່ອນທີ່ຮູບພາບຢູ່ "(>). ຄຸນສົມບັດເພີ່ມເຕີມຂອງ ແທໍກ Img ຄື Heigh ແລະ width- ຄວາມກວ້າງແລະຄວາມສູງຂອງພາບຊຶ່ງສາມາດຕັ້ງຄ່າເປັນພິກະເຊນເພື່ອປະສົມປະສານທີ່ສອດຄ້ອງກັບສ່ວນທີ່ເຫລືອຂອງຂໍ້ຄວາມ ຕົວຢ່າງ: (<) img src = http: // site / article / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0% B0% D0% BA% D0% B0 , ບ່ອນທີ່ຮູບທີ່ຖືກ "heigh = 12 px width = 6px (>). ພວກເຮົາເອົາວົງເລັບປະມານ <ແລະ>.

ຖ້າທ່ານບໍ່ມີໂອກາດທີ່ຈະແຕ້ມຕົວອັກສອນຕົວທ່ານເອງ, ຫຼັງຈາກນັ້ນຈົດຫມາຍຕົວເລກສາມາດຖືກນໍາໃຊ້ໂດຍໃຊ້ຕົວອັກສອນທີ່ມີຢູ່ໃນ Google ແບບຟອມ (Fonts) ຫຼືເຄື່ອງມືຄົ້ນຫາແລະຊັບພະຍາກອນຕ່າງໆ. ເພື່ອເຮັດສິ່ງນີ້, ລະຫັດຂ້າງເທິງຕ້ອງໄດ້ຮັບການອອກດັ່ງຕໍ່ໄປນີ້:

(<) ແບບ (>)

P {font-family: batangche Font size: 93%}

P: ທໍາອິດຈົດຫມາຍ {font-family: Kelly + Slab; ຂະຫນາດຕົວອັກສອນ: 220%; ສີ: ສີຟ້າ}

(<) / ແບບ (>)

ແລະໃນຫົວຂໍ້ "ຫົວ", ຕື່ມການເຊື່ອມຕໍ່ໂດຍບໍ່ມີວົງເລັບສໍາລັບການ "ການເຊື່ອມຕໍ່", ບ່ອນທີ່ຫຼັງຈາກຄອບຄົວຄອບຄົວຕົວອັກສອນທີ່ເລືອກໄດ້ຖືກກໍານົດ, ແທນ, ນອກຈາກນັ້ນ, ຍັງຢູ່ໃນ p: ທໍາອິດຈົດຫມາຍ.

(<) Link href = 'http: //fontsgoogleapiscom / css? Family = Kelly + Slab & subset = latin, cyrillic' rel = 'stylesheet' type = 'text / css' (>)

ບໍລິການ "ກູໂກ" ອະນຸຍາດໃຫ້ທ່ານເລືອກເອົາ ປະເພດ ໃດ ຫນຶ່ງຂອງຕົວອັກສອນ ແລະສະຫນອງການເຊື່ອມຕໍ່ທີ່ພ້ອມທີ່ຈະເຮັດສໍາລັບການແຊກເຂົ້າໄປໃນ html ຫຼື css. ພວກເຮົາສົນທະນາກັບຄວາມຈິງທີ່ວ່າທ່ານຕ້ອງເລືອກກຸ່ມຕົວອັກສອນ - Latin ຫຼື Cyrillic, ນັບຕັ້ງແຕ່ ເກືອບທັງຫມົດຕົວອັກສອນລະຕິນບໍ່ໄດ້ເຮັດວຽກເມື່ອສ້າງຂໍ້ຄວາມພາສາລັດເຊຍ. ໃນປັດຈຸບັນ, ເຄື່ອງຈັກຊອກຫາສະຫນອງປະມານ 40 ແບບອັກສອນລັດເຊຍ ໃນພື້ນຖານຟຣີ.

ຈົດຫມາຍສະກຸນເງິນຫຼືວັດທະນະທໍາຂອງມັນສາມາດໄດ້ຮັບການຕົກແຕ່ງໂດຍໃຊ້ຄຸນລັກສະນະແປຮູບ CSS. ຖ້າທ່ານກໍານົດການປ່ຽນແປງຂໍ້ຄວາມ: ບໍ່ມີຢູ່ໃນແຜ່ນສະໄຕ, ຂໍ້ຄວາມຈະມີລັກສະນະຄືກັບທີ່ທ່ານຂຽນມັນ. ການແປພາສາທັງຫມົດໃນຕົວອັກສອນຕົວນ້ອຍ, ທ່ານຈໍາເປັນຕ້ອງກໍານົດການປ່ຽນແປງຂໍ້ຄວາມທີ່ມີຄ່າ: ຕົວນ້ອຍໂດຍຜ່ານລະຫັດ, ແລະຕົວອັກສອນສໍາລັບຕົວອັກສອນເທິງ. ການກໍາຫນົດຄຸນສົມບັດການແປງຂໍ້ຄວາມເປັນຄຸນສົມບັດ: capitalize ຈະເຮັດໃຫ້ຈຸດເລີ່ມຕົ້ນຂອງແຕ່ລະຄໍາເປັນຈົດຫມາຍນະຄອນຫຼວງ.