Hekk kif tibda tibni paġni tal-web b'HTML, tibda taħdem b'daqs. Biex tagħmel is-sit tiegħek tħares il-mod li trid tarah, x'aktarx li tqabbel disinn li inti jew disinjatur ieħor ħolqu, int trid tibdel id-daqs tat-test fuq dak is-sit, kif ukoll elementi oħra fuq il-paġna. Biex tagħmel dan, tista 'tibda tfittex tabella ta' "daqs" HTML, iżda malajr issibha nieqsa.
It-tikketta tad-daqs HTML ma teżistix f'HTML. Minflok, sabiex tissettja d-daqs tat-fonts, l-immaġni jew it-tqassim tiegħek, għandek tuża l-Folji ta 'l-Istil Cascading. Fil-fatt, kwalunkwe bidla viżwali li trid tagħmel lit-test tas-sit jew element ieħor għandha tiġi ttrattata minn CSS! HTML huwa għall-istruttura biss.
L-eqreb tikketta għal tikketta ta 'daqs HTML hija t-tikketta tal-font antika, li tabilħaqq kienet tinkludi attribut ta' daqs. Ikunu mwissija li din it-tikketta ġiet deprezzata fil-verżjonijiet kurrenti tal-HTML u tista 'ma tkunx appoġġjata minn browsers fil-futur! Ma tridx tuża t-tikketta tat-tipa fl-HTML tiegħek! Minflok, għandek titgħallem CSS għad-daqs ta 'l-elementi HTML tiegħek u stil il-paġna web tiegħek skond dan.
Daqsijiet ta 'Fajls
Fonts x'aktarx huma l-iktar ħaġa faċli għad-daqs bis-CSS. Moreso milli sempliċement id-daqs dak it-test, ma 'CSS tista' tkun aktar speċifiku dwar it- tipografija tal-websajt tiegħek. Tista 'tiddefinixxi d-daqs tat-tipa, il-kulur, il-kaxxa, il-piż, il-wieqfa, u aktar. Bit-tabella tal-font, tista 'tiddefinixxi biss id-daqs, u mbagħad biss bħala numru relattiv għad-daqs tal-font default tal-browser li tvarja għal kull klijent.
Biex issettja l-paragrafu tiegħek biex ikollha daqs tat-tipa ta '12pt, uża l-proprjetà ta' stil ta 'daqs ta' font:
h3 {font-size = 24px; }Dan l-istil jista 'jiffissa d-daqs tat-tipa ta' elementi headiing3 ta '24 pixel. Tista 'żżid dan ma' folja stil esterna u l-H3s kollha tas-sit tiegħek jużaw dan l-istil.
Jekk trid iżżid stili tipografiċi addizzjonali mat-test tiegħek, tista 'żżidhom fuq din ir-regola CSS:
h3 {font-size: 24px; kulur: # 000; font-weight: normali; }Dan mhux biss issettja dak id-daqs tat-tipa għal H3s, huwa wkoll jistabbilixxi l-kulur għall-iswed (li huwa dak li l-kodiċi hex ta '# 000 ifisser) u se tiffissa l-piż għal "normali". B'mod awtomatiku, il-browsers jirrendu l-intestaturi 1-6 bħala test skuri, u għalhekk dan l-istil jeskludi dak in-nuqqas u essenzjalment "bla skur" it-test.
Daqsijiet tal-immaġini
L-immaġini jistgħu jkunu delikati biex jiddefinixxu d-daqsijiet għax tista 'attwalment tuża l-browser biex iddawwar l-immaġini. Naturalment, it-tibdil tal-immaġni bil-browser huwa idea ħażina minħabba li tikkawża li l-paġni jgħabbu aktar bil-mod u l-browsers spiss jagħmlu xogħol fqir tar-risposta mill-ġdid, u b'hekk l-istampi huma ħżiena. Minflok, għandek tuża softwer tal-grafika biex tnaqqas il-qisien tal- immaġini u mbagħad tikteb id-daqsijiet attwali fil-HTML tal-Web tiegħek.
B'differenza mill-fonts, l-istampi jistgħu jużaw HTML jew CSS biex jiddefinixxu d-daqs. Tiddefinixxi l-wisa 'ta' l-immaġini u l-għoli. Meta tuża HTML, tista 'biss tiddefinixxi d-daqs ta' l-immaġni f'pixels. Jekk tuża CSS, tista 'tuża kejl ieħor inkluż pulzieri, ċentimetri, u perċentwali. Dan l-aħħar valur, persentaġġi, huwa utli ħafna meta l-immaġini tiegħek jeħtieġu jkunu fluwidi, bħal f'sit web responsiv.
Biex tiddefinixxi d-daqs ta 'l-immaġni tiegħek billi tuża HTML, uża l-għoli u l-wisa' ta 'l-img tag. Per eżempju, din l-immaġni tkun 400x400 pixels kwadru:
għoli = "400" wisa '= "400" alt = "immaġni" />Biex tiddefinixxi d-daqs ta 'l-immaġini billi tuża CSS, uża l-għoli u l-proprjetajiet ta' Hawn l-istess immaġni, bl-użu ta 'CSS biex tiddefinixxi d-daqs:
stil = "għoli: 400px; wisa ': 400px;" alt = "immaġni" />Daqsijiet ta 'Disinn
Id-daqs l-aktar komuni li tiddefinixxi f'disinn huwa l-wisa ', u l-ewwel ħaġa li għandek bżonn tiddeċiedi hija jekk għandhiex tuża format ta' wisa 'fiss jew websajt li tirreaġixxi. Fi kliem ieħor, inti tiddefinixxi l-wisa 'bħala numru eżatt ta' pixels, pulzieri jew punti? Jew ser issettja l-wisa 'tal-format tiegħek biex tkun flessibbli bl-użu ta' EMS jew persentaġġi? Biex tiddefinixxi d-daqs tat-tqassim tiegħek, tuża l-wisa 'u l-għoli proprjetajiet CSS bħalek f'immaġni.
Wisa 'fiss:
stil = "wisa ': 600px;">Wisa 'tal-likwidu:
stil = "wisa ': 80%;">Meta tkun qed tiddeċiedi dwar il-wisgħat għat-tqassim tiegħek, għandek iżżomm f'moħħok il-wisa 'tal-browser differenti li l-qarrejja tiegħek jistgħu jkunu qed jużaw u l-mezzi differenti li jkunu qed jużaw ukoll. Din hija r- raġuni għaliex il- websajts li jirrispondu , li jistgħu jibdlu t-tqassim u d-daqs tagħhom ibbażati fuq apparati differenti u daqsijiet ta 'skrin, huwa l-istandard tal-aħjar prattika llum.