Me pehea te Whakamahia o te Waea Korero me te Taerenga HTML

Whakamahia te mokowhiti me te wehe ki te CSS mo te ahua nui me te whakahaere tahora.

He maha nga tangata e hou ana ki te hoahoa tukutuku me te HTML / CSS e whakamahi ana i nga kaupapa a me

i roto i te rereketanga ka hangaia e ratou nga pae tukutuku. Ko te mea pono, ahakoa ko enei o enei huinga HTML e mahi ana i nga kaupapa rereke. Ko te ako ki te whakamahi ia ia mo tona kaupapa ka awhina ki a koe ki te whakawhanake i nga paetukutuku tukutuku maemae he nui ake te mahinga o te kaute ki te whakahaere i te katoa.

Te whakamahi i te
Element

Ko te waehanga tuakiri e tautuhi ana i nga waahanga arorau i to papanga tukutuku.

Koinei te pouaka e taea ana e koe te whakatakoto i etahi atu huinga HTML e tika ana te haere tahi. Ka taea e te wehewehenga he maha atu o nga waahanga kei roto, he paraka, he pane, he raupapa, he hono, he whakaahua, me etahi atu. Ka taea ano e ia etahi atu waahanga ki roto ki a ia hei whakarato i tetahi hanganga me tetahi whakaritenga ki to tuhinga HTML.

Hei whakamahi i te waehanga tuakiri, tuhia tetahi tohu tuwhera

i mua i te rohe o to papanga e hiahia ana koe hei wehenga motuhake, me te tohu tata / / div) i muri iho:

Tuhinga o div

Mena ka hiahiatia e te waahanga o to waaahi etahi atu korero ka whakamahia e koe ki te tahua me CSS i muri mai, ka taea e koe te whakauru i te kaitutu id (hei tauira,

id = "myDiv">), ranei he kaitono o te akomanga (hei tauira, class = "bigDiv")). Ka taea te whiriwhiri i enei huanga e rua ma te whakamahi i te CSS, ka whakarerekētia ranei ma te whakamahi JavaScript. Ko nga mahi pai o ngaianei e hikaka ana ki te whakamahi i nga kaitohutohu o te akomanga, kaua ki nga ID, i te waahanga na te ahua o nga kaiwhiwhi ID motuhake. I runga i te pono, ka taea e koe te whakamahi i tetahi, ka taea hoki te wehewehe i te ID me te kaitono o te akomanga.

Ahea te Whakamahia

Whakaahua

He rereke te wehewehe o te huānga o te waehanga HTML5 no te mea kaore e hoatu ana i te ihirangi tawhito te tikanga taiao. Mena kaore koe e mohio mehemea ko te poraka o nga ihirangi he waehere, he waahanga ranei, whakaarohia he aha te take o te huānga me nga tuhinga hei awhina ia koe ki te whakatau ko wai hei whakamahi:

  • Mena ka hiahia koe ki te whakauru noa i nga momo ki tera waahanga o te whaarangi, me whakamahi koe i te huānga tuakiri.
  • Mena he mea tino arotahi te ihirangi kei roto, ka taea e koe te tu ki a ia ake, ka hiahia pea koe ki te whakamahi i te waehanga o te waahanga.

I te mutunga, ka rite nga ahuatanga me nga waahanga ki nga ahuatanga o te waa me te waahanga ka taea e koe te whakaatu i nga uara me te tahua ki a CSS kia kitea te ahua o to pae e hiahia ana koe. Ko enei e rua o nga waahi paerewa.

Te whakamahi i te Element

Ko te huānga tawhito ko te huānga taurangi taunoa. Ka wehewehe tenei i nga huinga me te huinga. He maha tonu te whakamahinga o te huinga ki te rorohiko i tetahi waahanga o te ihirangi, te tikanga tikanga, ki te hoatu i tetahi atu "matau" e taea ana te tapaina i muri mai. Whakamahia ana ki te CSS, ka taea e ia te huri i te ahua o te kuputuhi e mau ana; Heoi, kaore he ahua o te kāhua, kaore he hua o te kape i te tuhinga anake.

Koinei te tino rereketanga i waenga i te waahi me nga huānga ira. I runga i te korero i runga ake nei, ko te waehanga o te waehere he whakauru i te waahanga paraire, engari ko te mea anake e whakaatu ana i te rorohiko ki te tono i nga ture ritenga CSS e whai ana ki nga mea e mau ana ki nga tūtohu :


Kuputuhi kua tohua me te tuhinga kore-tohu.

Tāpirihia te akomanga = "tohu", tetahi atu akomanga ranei ki te huānga waahi ki te tahua i te kuputuhi me CSS (hei tauira, class = "tohu").

Kaore he huanga e hiahiatia ana, engari ko nga mea e toru e whai hua ana, he rite tonu te ahua o te waehanga tuakiri:

  • kāhua
  • akomanga
  • id

Whakamahia te mokowhiti ina hiahia koe ki te huri i te ahua o te ihirangi me te kore e tohu i taua ihirangi hei tohu hou -taumata hou i roto i te tuhinga.

Hei tauira, ki te hiahia koe i te kupu tuarua o te upoko h3 hei whero, ka taea e koe te karapoti i taua kupu me te huinga o te waahanga ka tahua i te kupu hei kupu whero. Kei te noho tonu te kupu o te huinga h3, engari inaianei kei te whakaatu i te whero:

Ko taku Kaupapa Ataahua tenei

I whakatikaia e Jeremy Girard i te 2/2/17