Hauv hypertext markup lus (HTML), ib lo lus txib tshwj xeeb "tag" yog siv los tso duab rau hauv nplooj ntawv. Cov cim npe no raug xa mus ua img thiab muaj cov teeb tsa ntawm kev hloov pauv - "tus cwj pwm". Nrog kev pab los ntawm cov cwj pwm, koj tuaj yeem txiav txim siab txhua yam ntawm cov zaub ntawm ib tus duab hauv nplooj ntawv hypertext, suav nrog nws qhov ntev. Txawm li cas los xij, qhov no tsis yog tib txoj kev los daws qhov teeb meem - koj kuj tuaj yeem txo qhov luaj li cas ntawm daim duab uas siv Cascading Style Sheets (CSS).
Cov Lus Qhia
Kauj ruam 1
Tso qhov siab thiab dav tus cwj pwm rau hauv cov cim npe lub luag haujlwm rau tso saib cov duab xav tau. Teem thawj lub rau qhov loj ntawm daim duab, thiab lub thib ob kab rov tav. Teeb ob tus lej hauv pixels, tab sis tsis tas yuav qhia cov units - px - ntawm no. Thaum xam xyuas qhov tseem ceeb tsim nyog rau cov cwj pwm no, xyuam xim rau kev saib xyuas ntawm qhov sib luag ntawm qhov txo ntawm daim duab, txwv tsis pub nws yuav muab tso rau hauv daim ntawv distorted. Piv txwv, kom muab tso rau hauv nplooj ntawv ib nrab duab los ntawm cov ntawv hu ua SomePic.jpg, thawj qhov loj me ntawm uas yog 500 los ntawm 300 pixels, cov cim npe tuaj yeem ua tiav nrog cov lus txib hauv qab no:
Kauj ruam 2
Koj tuaj yeem tsim qhov kev sib txig sib luag ntawm cov duab qub qhov ntev hauv feem pua. Txhawm rau ua qhov no, siv tsuas yog qhov siab ntaus nqi yam tsis muaj qhov ntsuas qhov dav, thiab ntxiv qhov feem pua kos npe tom qab kev paub meej qhov loj txhais tau tus lej. Piv txwv li, koj tuaj yeem ua tiav tib cov txiaj ntsig xws li hauv kev piv txwv los ntawm cov kauj ruam dhau los nrog daim ntawv sau rau hauv daim foos no:
Kauj ruam 3
Yog tias koj xav hais qhia qhov loj me ntawm daim duab siv cov lus piav qhia ntawm cov cwj pwm, siv tib lub npe cim - img - thiab cov cwj pwm - qhov dav thiab qhov siab. Hauv qhov xwm txheej no, cov ntsuas ntawm kev ntsuas - px, pt lossis% - yuav tsum tau teev tseg tas li. Txhawm rau teem lub halving ntawm qhov loj me ntawm txhua cov duab ntawm nplooj ntawv, tso cov lus hauv qab no rau hauv cov lus piav qhia style: img {qhov siab: 50%;} Yog tias koj xav txo qhov luaj li cas tsuas muaj ib daim duab, ntxiv ib qho kev ntaus cim ntxiv. rau nws daim pib thiab muab nws ib qho tshwj xeeb rau cov duab ntawm nplooj ntawv no tus nqi - piv txwv li, PicOne: Ntxiv tib tus nqi rau cov ntaub ntawv style, cais nws nrog tus "hash" # los ntawm cov npe tag. Cov lus piav qhia tiav tag nrho hauv qhov no yuav zoo li no: img # OnePic {qhov siab: 50%;}
