Kedu Họrọ Onye Nhọrọ CSS?

Nhazi nke ihe odide HTML yiri osisi ezinụlọ. N'ime ezinụlọ gị, ị nwere ndị mụrụ gị na ndị ọzọ bịara n'ihu gị. Ndị a bụ nna nna gị. Ụmụaka na ndị na-esote gị n'osisi ahụ bụ ụmụ gị. HTML na-arụ ọrụ n'ụdị ya. Ihe ndị dị n'ime ihe ndị ọzọ bụ ụmụ ha. Dịka ọmụmaatụ, ebe ọ bụ na ihe fọrọ nke nta ka ọ bụrụ mmemme HTML ọ bụla n'ime 'akpụkpọ anụ', ha ga-abụ otu mkpụrụ nke ahụ. Njikọ a dị mkpa ịghọta mgbe ịmalite ịrụ ọrụ na CSS ma chọọ iji dozie ihe ụfọdụ dị iche iche iji tinye ụdị ọdịdị anya.

Ndị Nhọrọ CSS

Onye Nhọrọ CSS na-emetụta ihe ndị dị n'ime ihe ọzọ (ma ọ bụ karịa nke ọma kwuru, ihe dị na mkpụrụ nke ihe ọzọ). Dịka ọmụmaatụ, ndepụta a na-edekọghị aha nwere akara mkpado dị ka ụmụ. Ka anyị jiri HTML ndị dị ka ihe atụ:

• nke a bụ njikọ

  Ihe ntinye ND nke a bu umuaka UL. Aha a bụ mkpụrụ sitere na LI (nwa nwa) na UL (ụmụ nwa). Ọ bụrụ na ị na-eche echiche iche echiche banyere nke a site na iji ihe atụ ezinụlọ, ndị

  ga-abụ nne na nna,
  • ga-abụ nwa nke ahụ, ga-abụ nwa nke
  • na nwa nwa ndị
    .

    Ya mere, olee otu ị ga - esi dozie ihe ụfọdụ dị na ibe weebụ site na iji ndị a họrọ mkpụrụ? Akpa, ị ghaghị ịkọwa ndị nhọrọ nke mkpụrụ site na iji ntinye nhọrọ abụọ (ma ọ bụ karịa) nke kewara site na oghere.

    li a {ederede-ochicho: onye ọ bụla; }

    N'ihe atụ ahụ, ụdị ndị ahụ ga-emetụta naanị otu njikọ () nke sitere na ihe omume ndepụta (

    • ). All njikọ ndị ọzọ na ibe ahụ nke na-abụghị nkpuru nke ihe ndepụta agaghị enweta ụdị a.

      Otu ihe dị mkpa icheta bụ na ọ dịghị mkpa ole mkpado ha dị n'etiti mkpado ị nwere ike iji na onye ịhọrọ mkpụrụ gị. O b ur u na ihe ab uo ab uo abanye n'ebe ob ula n'ime ihe mb u, a ga-ah or o ya dika nwa.

      Ọ bụrụ na ịchọrọ ịhọrọ arịlịka niile sitere na isi ihe, ị ga - ede:

      A na-eji ihe odide ederede. }

      Ugbu a, ụdị ndị a ga-emetụta njikọ ọ bụla nke sitere na ihe ndepụta. I nwekwara ike dee onye a

      ul li a {ihe odide ederede: onye obula; }

      Nke a bụ onye na-ahọrọ mkpụrụ nke na-eji ihe nhọrọ karịa ụdị abụọ. N'okwu a, nke a ga-emetụta njikọ ndị dị n'ime ihe ndekọ-yana na n'ime ndepụta na-adịghị mma.

      Iji Nhọrọ Nlekọta na Nhọrọ ID

      Ndị nhọta na ị na-agbadata na ọ bụghị mgbe nile ka ị ga - abụ mkpụrụ. Dịka ọmụmaatụ, were ya na ị nwere mpaghara nke saịtị ahụ (dịka nkewa) nwere àgwà ID nke "ọkwa". Ị nwere ike ịtọlite ​​mkpụrụ ịhọrọ nke ID ahụ:

      #billboard ul {ndabere-agba: #ccc; }

      Nke a ga - eji ndepụta a na - edeghị aha bụ nke sitere na ihe mmewere ya na "ID". I nwere ike ime otu ihe ahụ maka ụkpụrụ ụlọ.

      nchikota akwukwo (background-color: #ccc; }

      Nke a na-eche na nkewa ahụ nwere uru klas nke "ọkwa". CSS n'elu ga-eji "element" n'ime nkewa ọ bụla nke nwere uru ọmụmụ a.

      Ị nwere ike ịnwe ezigbo aka na verbose na ndị na-ahọrọ mkpụrụ. Dịka ọmụmaatụ, ọ bụrụ na ị na-eji Dreamweaver dee koodu HTML gị, enwere ọnọdụ mgbe ịtinyere iwu CSS ọhụrụ nke ga-eme ka onye nhọpụta onwe ya mepụta onye nnochi dabere na ntinye nke cursor gị na ibe ahụ. Ihe di omimi na ihe ndi a bu ike wildly verbose na onye choro nkpuru ogologo. Ikwu okwu a ekwesighi mkpa ka CSS rụọ ọrụ. Ihe ịchọrọ ime bụ ịchọta nguzozi n'etiti onye na-ahọrọ mkpụrụ nke zuru ezu ka i wee nwee ike ịkụda ala kpọmkwem ihe ị chọrọ (na-enweghị nhazi ị na-achọghị ịmetụta) n'enweghị iwu CSS nwere ndị nnwere nhọrọ ndị na-enweghị isi nnukwu.