Amboary ny sary ary ampiasao ny sary
Maro ny olona mampiasa CSS hanitsy ny lahatsoratra, manova ny endri-tsoratra, ny loko, ny habe ary ny maro kokoa. Saingy zavatra iray izay adinon'ny olona maro dia ny hoe afaka mampiasa ny CSS amin'ny sary koa ianao.
Manova ny sary amin'ny tenany
CSS dia ahafahanao manitsy ny fomba fampisehoana ny sary eo amin'ny pejy. Izany dia mety ho tena ilaina tokoa amin'ny fitazonana ny pejy misy anao. Amin'ny fametrahana karazan-tsary amin'ny sary rehetra dia mamorona fijerena standard ny saryo ianao. Ny sasany amin'ireo zavatra azonao atao:
- Ampio fetra na drafitra manodidina ny sary
- Esory ny sisin-tany manodidina ny sary mifandray
- Manitsy ny habe sy ny halavan'ny sary
- Ampio aloka maivana
- Hanova ny sary
- Hanova ny fomba ifandrimbana ny sary
Ny fanomezana ny sarinao ny sisintany dia toerana tsara hanombohana. Saingy tokony handinika mihoatra noho ny sisintany ianao - hieritreritra ny sisiny manontolo amin'ny sarinao ary hanitsy ny sisin-dà lana sy ny fametahana . Ny sary misy ala mainty mainty dia mahafinaritra, saingy manampy ny felam-patana eo anelanelan'ny sisintany ary ny sary dia afaka mijery tsara kokoa.
img {
sisiny: 1px mainty mainty;
padding: 5px;
}
Tsara ny mampifandray sary tsy mendrika , raha azo atao. Fa rehefa manao izany ianao dia tadidio fa ny ankamaroan'ny navigateurs dia manampy faribolana manodidina ny sary. Na dia mampiasa ny code etsy ambony aza ianao mba hanovana ny sisintany, ny rohy dia handroso raha tsy esorina na manova ny sisintany eo amin'ny rohy. Raha manao izany ianao dia tokony hampiasa fitsipika ankapobeny ho an'ny ankizy mba hanesorana na hanovana ny sisintany manodidina ny sary mifandraika:
img> a {
sisintany: tsy misy;
}
Azonao ampiasaina ihany koa ny CSS mba hanovana na hametra ny habeny sy ny haben'ny saryo. Na dia tsy hevitra tsara amin'ny fampiasana ny tranonkala hanatsarana ny haben'ny sary noho ny fandefasana haingana dia manatsara kokoa ny famerenana sary izy ireo fa mbola tsara ihany izy ireo. Ary miaraka amin'ny CSS dia azonao atao ny mametraka ny saryo ho an'ny rehetra ho marika na haavon'ny marika na hametrahana ny sombin-dahatsoratra amin'ny toetoetran'ny container.
Tadidio fa rehefa mametaka sary ianao, mba hahazoana vokatra tsara dia tokony hampitahiry ny habeny iray ianao - ny haavony na ny sakany. Izany dia hampisongadina fa ny sary dia mitazona ny halavany, ary toy izany koa tsy mijery hafahafa. Ampiasao ny sandan'ny iray hafa mba hikolokolo na hamela azy hiteny amin'ny browser mba hitazona ny lanjan'ny aspect.
img {
width: 50%;
height: auto;
}
Manome vahaolana amin'ity olana ity ny CSS3 amin'ny tetikasa vaovao-toe-javatra sy toe-javatra. Amin'ny alalan'ireo toetra ireo dia ho afaka hamaritra ny halavany sy ny haben'ny sary ianao ary ny fomba tokony handraisana ny aspect ratio. Ity dia mety mamorona loko eo amin'ny sary eo amin'ny sary na mamolavola mba hahazoana ilay sary mifanaraka amin'ny habeny.
Na dia mbola tsy voazanaka betsaka aza ny votoatin'ny CSS3, dia misy toetra hafa CSS3 izay tsara ho fantatra amin'ny ankamaroan'ny navigateur maoderina azonao ampiasaina hanovana ny sary. Ireo zavatra toy ny aloky ny aloka, ny kofehy boribory, ary ny fiovan'ny toetr'andro mba hivezivezy, hikorisa, na hamindra ny sarinao rehetra miasa amin'izao fotoana izao any amin'ny ankamaroan'ny navigateur ankehitriny. Afaka mampiasa ny fiovan'ny CSS ianao avy eo mba hampiova ny sary rehefa hidina, na tsindrio, na aorian'ny fotoana.
Mampiasa sary tahaka ny sary
CSS dia mahatonga azy ho mora ny mamorona loha-hevitra mampiavaka ny sary.
Azonao ampidirina ny pejy manontolo na ny singa iray manokana. Mora ny mamorona sary vongana eo amin'ny pejy miaraka amin'ny votoatin'ny sary:
body {
background-image: url (background.jpg);
}
Ampiasao ny singa noforonina ho an'ny singa iray manokana ao amin'ny pejy mba hametrahana ny fototra amin'ny singa iray fotsiny.
Ny zavatra hafa mahafinaritra azonao atao amin'ny sary dia mamorona sary manjavozavo izay tsy mihodina amin'ny rohy ao amin'ny pejy - toy ny mari-pamantarana watermark. Ampiasao fotsiny ny fomba amam-pihetsika -hazavana: voafetra; miaraka amin'ny sary misy anao. Safidy hafa ho an'ny fiaviana anananao dia ahafahanao manamboatra azy ireo eo amin'ny sehatra maromaro na eo an-davarangana amin'ny fampiasana ny trano famerenana an-tsokosoko.
Soraty ny valiny-avereno: avereno-x; hametaka ny sary eo amin'ny sehatra sy ny fiaviana-avereno: avereno indray; Wiki puzzle.svg Ary azonao atao ny mametraka ny sarinao ao an-toerana miaraka amin'ny fananana toerana.
Ary ny CSS3 dia manampy fomba maromaro kokoa ho anao koa. Azonao atao ny mikaroka ny saryo mba ahafahana mampifanaraka ny haavon'ny habeo na mametraka ny sary eo afovoany hanalehibe ny habeo . Azonao atao ny manova ny toerana ary tsindrio ny sary eo afara. Fa ny iray amin'ireo zavatra tsara indrindra momba ny CSS3 dia ny ahafahanao mamolavola sary maromaro maro ahafahana manamboatra vokatra hafa mahavariana kokoa.
HTML5 manampy sary
Ny endriky ny FIGURE ao amin'ny HTML5 dia tokony hapetraka manodidina ny sary rehetra izay mety hijanona irery ao anatin'ilay rakitra. Ny fomba iray hieritreretana azy dia mety ho hita ao anaty appendice ny sary, dia tokony ho ao anatin'ny singa FIGURE. Azonao ampiasaina io singa io sy ny singa figadrana mba hanampiana ireo sary eo amin'ny sary.