Sanalika sampeyan miwiti mbangun kaca web nganggo HTML, sampeyan bakal mulai nggarap ukuran. Kanggo nggawe situs sampeyan katon sampeyan pengin katon, kemungkinan cocog karo rancangan sampeyan utawa desainer liyane sing wis digawe, sampeyan bakal pengin ngganti ukuran teks ing situs kasebut, uga unsur liyane ing kaca. Kanggo nindakake iki, sampeyan bisa miwiti nampilake tag "ukuran" HTML, nanging sampeyan bakal nemokake kanthi cepet.
Tag ukuran HTML ora ana ing HTML. Nanging, kanggo nyetel ukuran font, gambar utawa tata letak sampeyan kudu nggunakake Style Sheets Cascading. Ing kasunyatan, owah-owahan visual sing perlu digawe menyang teks situs utawa unsur liya kudu ditangani dening CSS! HTML kanggo struktur mung.
Tag sing paling cedhak karo tag ukuran HTML yaiku tag font lawas, sing sajake kalebu atribut ukuran. Dipun bewara bilih tandha punika sampun wonten ing versi HTML sapunika lan mboten saged dipupengke dening browser ing mangsa ngarep! Sampeyan ora pengin nggunakake tag font ing HTML sampeyan! Nanging, sampeyan kudu sinau CSS kanggo ukuran elemen HTML lan gaya kaca web sampeyan.
Ukuran Font
Huruf kasebut arguably paling gampang kanggo ukuran karo CSS. Moreso tinimbang mung ukuran teks, karo CSS sampeyan bisa luwih spesifik babagan typography website . Sampeyan bisa netepake ukuran font, werna, casing, bobot, pimpinan, lan liya-liyane. Kanthi tag font, sampeyan mung bisa nemtokake ukuran, banjur mung minangka angka relatif marang ukuran font standar browser kang bedha kanggo saben customer.
Kanggo ngeset paragraf sampeyan nganggo ukuran font 12pt, gunakake property style font-size:
h3 {font-size = 24px; }Gaya iki bakal nyetel ukuran font headiing3 elemen 24 piksel. Sampeyan bisa nambah iki menyang sheet gaya njaba lan kabeh situs H3s bakal nggunakake gaya iki.
Yen sampeyan pengin nambah gaya tipografi tambahan menyang teks sampeyan, sampeyan bisa nambah ing aturan CSS iki:
h3 {font-size: 24px; werna: # 000; font-weight: normal; }Iki ora mung nyetel ukuran huruf kanggo H3s, nanging uga nyetel werna dadi ireng (yaiku kode heks # 000 sing tegese) lan bakal ngetokake bobot dadi "normal". Kanthi gawan, browser menehi headline 1-6 minangka teks kandel, saéngga gaya iki bakal nglebur sing asline lan tegese "un-kandel" teks.
Ukuran Gambar
Gambar bisa angel kanggo nemtokake ukuran amarga sampeyan bisa nggunakake browser kanggo ngowahi ukuran gambar. Mesthi wae, ngowahi ukuran gambar kanthi browser iku sawijining ide sing ora apik amarga bakal nyebabake kaca-kaca supaya luwih alon lan browser bisa kerep nindakake modifikasi sing kurang apik, nggawe gambar katon ala. Nanging, sampeyan kudu nggunakake piranti lunak grafis kanggo ngowahi ukuran gambar banjur nulis ukuran sing nyata ing kaca Web HTML.
Ora kaya fonts, gambar bisa nggunakake HTML utawa CSS kanggo netepake ukuran. Sampeyan nemtokake jembaré gambar lan dhuwuré. Nalika nggunakake HTML, sampeyan mung bisa nemtokake ukuran gambar ing piksel. Yen sampeyan nggunakake CSS, sampeyan bisa nggunakake pangukuran liyane kalebu inci, centimeters, lan percentages. Nilai pungkasan, persentase, banget migunani yen gambar sampeyan kudu adi, kaya ing situs web sing responsif.
Kanggo netepake ukuran gambar sampeyan nggunakake HTML, gunakake atribut dhuwur lan jembar saka tag img. Contone, gambar iki bakal dadi kothak 400x400 piksel:
dhuwur = "400" jembar = "400" alt = "gambar" />Kanggo netepake ukuran gambar sampeyan nggunakake CSS, gunakake sifat dhuwur lan jembar. Punika gambar sing padha, nggunakake CSS kanggo netepake ukuran:
gaya = "dhuwur: 400px; lebar: 400px;" alt = "gambar" />Layout Ukuran
Ukuran sing paling umum sampeyan nemtokake ing tata letak yaiku jembar, lan bab pisanan sing kudu sampeyan gunakake yaiku nggunakake tata letak sing tetep utawa situs web sing responsif. Ing tembung liya, sampeyan bakal nemtokake jembaré kanthi cacah piksel, inci, utawa poin? Utawa sampeyan arep nyetel width layout dadi fleksibel nggunakake em utawa persentase? Kanggo netepake ukuran tata letak sampeyan, sampeyan nggunakake fitur lebar lan dhuwur CSS kaya sampeyan bakal ing gambar.
Werna tetep:
gaya = "width: 600px;">Lebar cair:
gaya = "width: 80%;">Nalika sampeyan nemtokake lebaran kanggo tata letak sampeyan, sampeyan kudu mbudidaya ing jembar browser sing beda sing bisa digunakake dening nonton sampeyan lan piranti liyane sing uga bakal digunakake. Mulane situs web responsif , sing bisa ngganti tata letak lan ukuran miturut piranti lan ukuran layar sing beda-beda, iku standar praktik paling apik ing dina iki.