Ahoana ny fampiasana ny Elements HTML sy ny Divine

Ampiasao ny habaka ary ny div tamin'ny CSS noho ny fanamafisana sy ny fanaraha-maso.

Maro ireo olona vaovao amin'ny web design sy HTML / CSS no mampiasa ny singa sy

amin'ny fifanakalozan-kevitra rehefa manamboatra pejy Internet. Ny zava-misy anefa, dia ny singan'ireto singa HTML ireto dia samy manana tanjona samihafa. Ny fianarana hampiasa ny tsirairay ho an'ny tanjona tiany dia hanampy anao hampivoarana pejy madio kokoa izay mora kokoa amin'ny fitantanana ankapobeny.

Mampiasa ny
Element

Ny singa div no mamaritra ny fizarazarana lojika ao amin'ny pejin'ny tranonkala.

Izy io dia boka iray izay ahafahanao mametraka singa HTML hafa miaraka aminy. Ny fizarana dia afaka manana singa maromaro hafa ao aminy, toy ireo fehintsoratra, lohateny, lisitra, rohy, sary, sns. Afaka manisy fizarana hafa ao anatin'izany koa izy mba hanomezany rafitra sy fikambanana fanampiny ho an'ny taratasy HTML anao.

Raha hampiasa ny singa divy, mametraha ny

tag alohan'ny faritra misy anao izay tianao ho toy ny fizarana misaraka, sy ny tag manaraka azy:

votoatin'ny DIV

Raha mila fanazavana fanampiny azonao ampiasaina amin'ny faritra misy anao ny pejy misy anao, dia azonao atao ny manampy ny mpizara id (ohatra,

id = "myDiv">), na mpitarika kilasy (ohatra, class = "bigDiv">). Ireo toetra roa ireo dia azo atao amin'ny fampiasana CSS na fanovana mampiasa JavaScript. Ireo fanao tsara indrindra amin'izao fotoana izao dia miankina amin'ny fampiasana ny fifantenana ny kilasy fa tsy ny IDs, amin'ny ankapobeny noho ny maha-voafidy ny ID. Amin'ny marina anefa, afaka mampiasa olona iray ianao ary afaka manome ny fisaratsaraham-bidy na ID iray sy sokajy ho an'ny mpianatra.

Rahoviana ny fampiasana ny

versus

Ny singa divy dia samy hafa amin'ny singa HTML5 ao amin'ny sehatra satria tsy manome ny votoatiny voasoritra ny heviny semantika. Raha tsy azonao antoka raha tokony ho div na na fizarana ny votoatin'ny votoaty, eritrereto hoe inona no tanjon'ny singa sy ny votoaty hanampiana anao hanapa-kevitra hoe inona no tokony hampiasaina:

  • Raha mila ny singa mba hampidirina ihany koa ianao ao amin'io faritra io, dia tokony hampiasa ny singa div.
  • Raha toa ka mifantoka manokana ny votoatiny ary afaka mitsangana irery, dia azonao atao ny mampiasa ny singa fizarana ho solony.

Farany, samy manana ny toerany sy ny fizarana ny fomba mitovy ary afaka manome ny iray amin'izy ireo ny soatoavina manan-danja ary mampifanaraka azy ireo amin'ny CSS mba hahitana ny tranokalanao izay ilainao. Ireo dia singa fototra mifangaro.

Mampiasa ny Element

Ny singa dia singa natokana ho an'ny elanelana. Izany dia mampiavaka azy amin'ny singa div sy ampahany. Ny singa dia matetika ampiasaina mba handraketana singa manokana, lahatsoratra amin'ny ankapobeny, mba hanomezana "hok" fanampiny izay azo ambolena aoriana. Azo ampiasaina amin'ny CSS izy io, afaka manova ny endriky ny lahatsoratra ambarany; Na izany aza, raha tsy misy endrika toetra, ny singa dia tsy misy fiantraikany amin'ny lahatsoratra mihitsy.

Io no fahasamihafana lehibe eo amin'ny sehatra sy ny singa div. Araka ny voalaza etsy aloha, ny singa div dia ahitana fehintsoratra paragrafy, fa ny singa miresaka fotsiny dia milaza amin'ny mpamorona hampihatra ny fitsipika mifandraika amin'ny CSS amin'ny ambaran'ny tags:


lahatsoratra manintona sy lahatsoratra tsy voamarina.

Ampio ny kilasy = "asongadino" na kilasy hafa amin'ny elanelam-potoana hanamboarana ny lahatsoratra miaraka amin'ny CSS (ohatra hoe class = "hampisehoana">).

Ny singa dia tsy manana toetra mitaky, fa ny telo izay tena ilaina indrindra dia mitovy amin'ny an'ny singa div:

  • fomba
  • kilasy
  • ID

Ampiasao ny teboka rehefa te hanova ny endriky ny votoaty ianao raha tsy mamaritra ny votoatiny ho toy ny singa vaovao mifangaro ao amin'ny rakitra.

Ohatra, raha tianao ny teny faharoa amin'ny lohan'ny h3 ho mena, dia azonao ambadik'ity teny ity miaraka amin'ny elanelam-potoana izay mety handikana an'io teny io ho lahatsoratra mena. Mbola mitoetra ho anisan'ny singa h3 ny teny, saingy ankehitriny kosa dia hita amin'ny mena:

Ity no lohako mahafinaritra

Edited by Jeremy Girard on 2/2/17