Pas anjeun ngawitan webpages wangunan kalayan HTML, anjeun bakal ngamimitian gawé bareng sizing. Nyieun situs anjeun neuteup jalan rék ka kasampak, dipikaresep cocog desain anjeun atanapi desainer sejen geus dijieun, anjeun bakal rék ngarobah ukuran teks dina situs anu, kitu ogé elemen séjén dina kaca. Jang ngalampahkeun ieu anjeun bisa ngawitan néangan hiji tag HTML "ukuran", tapi anjeun bakal gancang manggihan eta leungit.
Tag ukuranana HTML teu aya dina HTML. Gantina, dina urutan pikeun ngeset ukuran fon anjeun, gambar atawa perenah anjeun kudu make Cascading Style cadar. Kanyataanna, sagala robah visual nu peryogi sangkan mun téks situs urang atanapi unsur sejen kudu diatur ku CSS! HTML kanggo Struktur wungkul.
Tag pangdeukeutna ka tag ukuranana HTML mangrupakeun tag font heubeul, anu teu memang ngawengku hiji atribut ukuranana. Jadi miélingkeun yén tag ieu geus deprecated dina versi kiwari HTML jeung bisa jadi teu dirojong ku panyungsi dina mangsa nu bakal datang! Anjeun teu hoyong nganggo tag font dina HTML anjeun! Gantina, Anjeun kudu diajar CSS jeung ukuranana elemen HTML anjeun sarta gaya Kalurahan Anjeun sasuai.
font ukuran
Fon anu arguably hal panggampangna pikeun ukuran kalawan CSS. Moreso ti ngan sizing téks nu, kalawan CSS Anjeun tiasa langkung husus ngeunaan anjeun tipografi ramatloka . Anjeun tiasa nangtukeun ukuran font, warna, casing nu, beurat, anjog, sarta leuwih. Kalawan tag font, anjeun ukur bisa nangtukeun ukuran, sarta tuluy wungkul salaku jumlah relatif ka ukuran font standar browser urang nu béda pikeun tiap customer.
Pikeun nyetel ayat anjeun boga ukuran font tina 12pt, nganggo properti font-ukuran gaya:
h3 {font-ukuran = 24px; }gaya ieu bakal nangtukeun ukuran font unsur headiing3 24 piksel. Anjeun bisa nambahkeun ieu mangrupa gaya lambar éksternal tur sagala H3s situs anjeun bakal make gaya ieu.
Upami anjeun hoyong pikeun nambahkeun gaya typographic tambahan pikeun téks, anjeun bisa nambahkeun aranjeunna onto aturan CSS ieu:
h3 {font-ukuran: 24px; Warna: # 000; font-weight: normal; }Ieu bakal moal ukur diatur yen ukuran font pikeun H3s, éta ogé bakal ngeset warna ka hideung (nu kumaha kodeu hex tina # 000 hartosna) jeung eta bakal nangtukeun beurat ka "normal". Sacara standar, panyungsi ngarobah lulugu 1-6 téks sakumaha kandel, jadi gaya ieu bakal override yén standar sarta dasarna "un-kandel" téks.
ukuran gambar
Gambar tiasa tricky keur ngartikeun ukuran sabab sabenerna bisa ngagunakeun browser pikeun ngatur ukuran gambar. Tangtu, pangaturan ukuran jadi gambar jeung browser mangrupa gagasan goréng sabab ngabalukarkeun kaca pikeun muka deui lalaunan jeung panyungsi mindeng ngalakukeun pakasaban goréng tina pangaturan ukuran jadi, nyieun gambar kasampak goréng. Gantina, Anjeun kedah nganggo software grafik pikeun ngatur ukuran gambar lajeng nyerat ukuran maranéhanana anu sabenerna dina kaca Wéb HTML Anjeun.
Teu kawas fon, gambar bisa migunakeun boh HTML atawa CSS keur ngartikeun ukuranana teh. Anjeun nangtukeun lebar gambar na jangkung. Lamun anjeun make HTML, anjeun ukur bisa nangtukeun ukuran gambar piksel. Lamun make CSS, anjeun tiasa nganggo ukuran lianna kaasup inci, sentimeter, sarta percentages. nilai panungtungan ieu, percentages, pohara kapaké lamun gambar anjeun kudu jadi cairan, sakumaha dina ramatloka responsif.
Pikeun nangtukeun ukuran gambar anjeun ngagunakeun HTML, nganggo jangkungna jeung lebar atribut ti tag IMG. Contona, gambar ieu bakal janten 400x400 piksel pasagi:
jangkungna = "400" lebar = "400" alt = "gambar" />Pikeun nangtukeun ukuran gambar anjeun ngagunakeun CSS, nganggo jangkungna jeung pasipatan gaya lebar. Di dieu Éta gambar sarua, ngagunakeun CSS keur ngartikeun ukuranana teh:
gaya = "jangkungna: 400px; lebar: 400px;" alt = "gambar" />perenah ukuran
Ukuran paling umum anjeun nangtukeun di perenah hiji lebar, sarta hal kahiji anjeun gé kudu mutuskeun téh naha ngagunakeun hiji perenah lebar dibereskeun atawa ramatloka responsif. Dina basa sejen, anjeun bade nangtukeun lebar salaku hiji angka pasti ngeunaan piksel, inci, atawa titik? Atawa anjeun bade diatur perenah lebar anjeun janten fléksibel maké suweng atawa percentages? Pikeun nangtukeun ukuran perenah, anjeun make rubak tur CSS jangkungna sipat kawas anjeun bakal dina gambar.
Lebar tetep:
gaya = "lebar: 600px;">Lebar cair:
gaya = "lebar: 80%;">Lamun anjeun nuju mutuskeun dina lebaran for teu ngarenah, anjeun kedah nyimpen dina pikiran lebaran browser béda nu maos Anjeun bisa jadi maké jeung beda jeung nu sejen maranéhna ogé bakal ngagunakeun. Ieu naha jaba responsif , nu bisa ngarobah tata perenah maranéhanana sarta sizing dumasar beda jeung nu sejen tur ukuran layar, nya éta pangalusna baku prakték kiwari.