Ahoana ny fomba hanovana ny lokon'ny teny iray amin'ny Day sy CSS

Amin'ny CSS , mora ny mametraka loko ny lahatsoratra anaty rakitra. Raha tianareo ny fehintsoratra ao amin'ny pejinareo dia havaozina amin'ny loko iray, dia farito tsotra fotsiny izany ao amin'ny takela-taratasy ivelany misy anao ary ny navigateur dia hampiseho ny tononao amin'ny loko voafidy. Inona no mitranga rehefa maniry ny hanova ny loko amin'ny teny tokana (na angamba teny vitsivitsy ihany) ao anatin'ny fehintsoratra iray? Noho izany, mila mampiasa endritsoratra anaty toy ny tag ianao.

Farany, ny fanovana ny lokon'ny teny tokana na ny vondrona kely ao anaty sora-baventy dia mora ampiasaina amin'ny CSS, ary ny HTML dia marina ny marika , koa aza manahy ny amin'io karazana hack io. Amin'ity fomba ity, aza misalasala mampiasa ny tenifototra sy ny toetranao tsy mety aseho toy ny "font", izay vokarin'ny vanim-potoana HTML taloha.

Ity lahatsoratra ity dia ho fanombohana ireo mpandrindra web izay mety ho vaovao amin'ny HTML sy CSS. Hanampy anao hianatra ny fomba fampiasana ny tag HTML sy ny CSS mba hanova ny lokon'ny lahatsoratra manokana ao amin'ny pejinao. Izany hoe, misy ny tsy fahampian-tsakafo amin'ity fomba ity, izay hodinihiko amin'ny faran'ity lahatsoratra ity. Amin'izao fotoana izao, vakio ny mianatra ny dingana hanovana ity loko ity! Tena mora ary tokony ho 2 minitra.

Dingana ambaran'ny dingana

  1. Sokafy ny pejy web izay tianao hovaina ao amin'ny tonian-dahatsoratra tianao HTML. Mety ho fandaharanasa toy ny Adobe Dreamweaver izany na tonian-dahatsoratra tsotra toy ny Notepad, Notepad ++, TextEdit, sns.
  2. Ao amin'ilay rakitra, tadiavo ireo teny tianao hampisehoana amin'ny loko hafa amin'ny pejy. Noho izany fehezan-teny izany dia avelao hampiasa teny vitsivitsy izay ao anaty andinin-tsoratra lehibe kokoa. Ity lahatsoratra ity dia voarakitra ao anatin'io mpivady io. Mitadiava teny roa amin'ny loko izay tianao hanitsiana.
  3. Apetraho eo anoloan'ilay taratasy voalohany amin'ny teny na vondron'olona izay tianao hanova loko ny mpihaino anao. Tsarovy, raha mampiasa mpampiasa WYSIWYG ianao toy ny Dreamweaver, dia miasa amin'ny fijerena "fijerena code" ianao izao.
  4. Ampifanaraho amin'ny lahatsoratra ny loko izay tiantsika hovana amin'ny marika, anisan'izany ny toetoetran'ny kilasy. Ny fehintsoratra manontolo dia mety ho toy izao: Ity dia lahatsoratra mifantoka amin'ny fehezanteny.
  5. Efa nampiasa endri-tsoratra an-tariby izahay, mba hanomezana io lahatsoratra manokana io ho "hok" izay azontsika ampiasaina amin'ny CSS. Ny dingana manaraka dia ny mitsambikina mankany amin'ny rakitra CSS ivelany isika mba hanampiana fitsipika vaovao.
  1. Ao amin'ny antontan-taratasin'i CSS anay, ampio hoe:
    1. .focus-text {
    2. loko: # F00;
    3. }
  2. Ity fitsipika ity dia mametraka an'io endri-tsoratra io, ny, hampiseho amin'ny loko mena. Raha manana fomba taloha isika izay mametraka ny rakitry ny rakitra ho an'ny mainty, ity style inline ity dia mety hiteraka fifantindalana sy hamaritana amin'ny loko hafa. Azontsika atao ihany koa ny manampy fomba hafa amin'ity fitsipika ity, angamba ny fanoratana lahatsoratra na fahasahiranana hanamafisana izany bebe kokoa?
  3. Save your page.
  4. Diniho ny pejy ao amin'ny tranonkalanao tianao indrindra mba hijerena ireo fanovàna.
  5. Mariho fa ankoatra izany, ny sasany amin'ireo tranonkala mpitsidika dia misafidy ny hampiasa singa hafa toy ny paikady. Ireo labozia ireo dia natao ho "sahy" sy "italiana" manokana, saingy nailika sy nosoloina niaraka tamin'ny. Ny labozia dia mbola miasa any anaty navigateur maoderina, na izany aza, maro amin'ireo mpandrindra web no mampiasa azy ireo ho toy ny fanangonana haken. Tsy izany no fomba ratsy indrindra, fa raha te hanalaviranao ireo singa efa nopotehina ianao, dia manoro hevitra aho ny hitazona ny mari-pamantarana ho an'ireo karazam-pitiavana ireo.

Torohevitra sy zavatra hiambenana

Na dia mety tsara aza izany fomba fiasa izany, toy ny hoe mila manitsy kely fotsiny ianao ao anaty rakitra iray, dia afaka miala tsy ho ela. Raha hitanao fa ny pejy misy anao dia simba amin'ny endri-tsoratra, izay samy manana kilasy miavaka izay ampiasainao ao amin'ny rakitra CSS anao, dia mety ho diso ianao, Tsarovy, ny ankamaroan'ireo marika izay ao amin'ny pejinao dia sarotra kokoa izany dia azo inoana fa ny mihazona io pejy miakatra io. Fanampin'izany, ny endriky ny habaka aterineto dia mahalana dia manana karazana loko maro, sns ... manerana ny pejy!