Me pehea te huri i te Tae o te Kupu Ki te Tangata Tino me te CSS

Ki te CSS , he mea ngawari ki te whakatakoto i te tae o te kuputuhi i roto i te tuhinga. Mena kei te hiahia koe ki nga pararangi i runga i to waahanga ki te taatai ​​i tetahi tae, ka tautuhi koe i roto i to waahua o te waahanga o waho, ka whakaatuhia e te kaituhi o taau kuputuhi i roto i taua tae. He aha te mea ka puta i te wa e hiahia ana koe ki te huri i te tae o te kupu kotahi (kaore ranei etahi kupu torutoru) i roto i te pararangi o te kuputuhi? No te mea, me whakamahi koe i tetahi huānga taurangi rite te tohu.

I te mutunga, ko te huri i te tae o te kupu kotahi, ko te iti o nga kupu i roto i te waarangi he ngawari te whakamahi i te CSS, a ko nga tūtohu he HTML tika, na kaua e manukanuka ko te ahua o te hack tenei. Ma tenei ara, ka karo ano hoki koe ki te whakamahi i nga tūtohu me nga huanga e whakahuatia ana me te "momotuhi", he hua o te waahi rererangi HTML.

Ko te tuhinga tenei mo te whakawhanake i nga kaiwhakarato tukutuku e rereke ana ki te HTML me te CSS. Ka awhina i a koe ki te ako ki te whakamahi i te tohu HTML me te CSS hei huri i te tae o te kuputuhi motuhake i runga i o rarangi. I te mea e kiia ana, he waahi etahi ki te arai i tenei tikanga, ka hipoki ahau i te mutunga o tenei tuhinga. I teie nei, tai'ohia no te haapii i te mau taahiraa no te taui i teie hoho'a reo! He mea tinowari, me te tango i te 2 meneti.

Hipanga Maahi Raahi Tae

  1. Whakatūwherahia te whārangi tukutuku e hiahia ana koe ki te whakahou i roto i to tautuhinga HTML kuputuhi tino pai. Ka taea e tenei he hōtaka rite Adobe Dreamweaver ranei he kaiwhakaatu kuputuhi noa rite Notepad, Notepad ++, TextEdit, etc.
  2. I roto i te tuhinga, kimi i nga kupu e hiahia ana koe ki te whakaatu i tetahi tae rereke kei te whārangi. Mo te whakaaro o tenei akoranga, ka taea e koe te whakamahi i etahi kupu kei roto i te waahanga nui ake o te kuputuhi. Ko taua kuputuhi ka uru ki roto i te rua tawhito. Kimihia tetahi o nga kupu e rua e hiahia ana koe ki te whakatika.
  3. Tuhia to korero ki mua i te reta tuatahi i roto i te kupu, i te roopu kupu ranei e hiahia ana koe ki te huri i te tae. Kia mahara, ki te whakamahi koe i te kaiwhakahaere WYSIWYG ano ko Dreamweaver, kei te mahi koe i roto i te "tirohanga waehere" inaianei.
  4. Kia takaihia te kuputuhi e hiahia ana matou ki te huri me te tohu, tae atu ki te huanga o te akomanga. Ko te panui katoa kei te ahua penei: Ko te kuputuhi e arotahi ana ki roto i tetahi rerenga.
  5. Kua whakamahia noa e mätou he huinga taurangi, te, ki te hoatu i taua tuhinga motuhake he "matau" ka taea te whakamahi ki a CSS. Ko to taahiraa e whai ake nei ko te peke ki to tatou puka CSS o waho hei whakapiri i te ture hou.
  1. I roto i to tatou kōnae CSS, me tapiri atu:
    1. .focus-text {
    2. tae: # F00;
    3. }
  2. Ka whakatauhia e tenei ture ko taua huinga tautuhi, te, hei whakaatu i te whero tae. Mena he ahua tawhito ta matou i tuhi i te tuhinga o ta matou tuhinga ki te pango, koinei te ahua o te tautuhinga tuituhi kia arotahi ai te kuputuhi me te tu atu ki nga tae rereke. Ka taea hoki e tatou te tapiri atu i etahi atu momo ki tenei ture, pea ko te tuhi kuputuhi me te maia ki te whakanui ake i tera atu?
  3. Tiakihia to whārangi.
  4. Whakamātauria te whārangi i roto i tō pūtirotiro tukutuku tino pai ki te kite i nga rerekētanga e whai hua ana.
  5. Kia mahara kei tua atu ki te, ko etahi o nga kaiwhakamahi tukutuku e whiriwhiri ana ki te whakamahi i etahi atu huinga rite ki te hoahoa hoahoa. Ko enei tūtohu i whakamahia mo te "maia" me te "awangawanga", engari i whakakorea me te whakakapi me te. Kei te mahi tonu nga tūtohu i nga kaituhi hou, heoi, he maha nga kaiwhakamahi tukutuku e whakamahi ana ia ratau hei tohu tautuhi. Ehara tenei i te mea tino kino rawa, engari ki te hiahia koe ki te karo i nga mea whakaheke, ka whakaaro ahau kia piri ki te tohu mo enei momo waahanga.

Tips me nga Mea ki te Mataara Atu hoki

Ahakoa e pai ana tenei huarahi mo nga hiahia o te iti, me te mea ka hiahia koe ki te whakarereke i tetahi waahanga iti o te tuhinga i roto i te tuhinga, ka hohoro te puta mai i te mana. Mena ka kitea e koe he taatai ​​i to waahanga ki nga huinga taurangi, he waahanga ahurei katoa kei te whakamahi koe i roto i to kōnae CSS, kei te kino pea koe, Kia mahara, ko te nuinga atu o enei tohu kei roto i to pepa, ko te kaha ake kei te mau tonu tena whārangi kei te haere whakamua. I tua atu, ko te tahua tukutuku pai he maha nga rereke o te tae, me etahi atu puta noa i te whārangi!