KompjutersIpprogrammar

Jenfasizzaw dekorattivi CSS-elementi

stylesheet Teknoloġija għandu żewġ funzjonijiet fid-disinn ta HTML paġni. L-ewwel, bl-għajnuna tagħha, hemm pożizzjoni formazzjoni ta 'l-elementi individwali tas-sit. It-tieni nett, jagħmel l-unitajiet attraenti viżwalment għall-utent. Implimentazzjoni tat-tieni funzjoni iseħħ f'ħafna modi. Wieħed minnhom - jenfasizzaw. CSS jipprovdi għal dekorazzjoni dan l-attribut animazzjoni.

rekord attribut ta 'specification

Uża animazzjoni proprjetà dekorazzjoni huwa sempliċi. Biżżejjed biex jirreġistraw fil-kodiċi CSS fajl, il-linja li ġejja għall-oġġett:

dekorazzjoni animazzjoni: znachenie_atributa;

Minflok "znachenie_atributa» ispeċifikazzjoni CSS joffri numru ta 'għażliet:

  • jenfasizzaw - linja tinsab direttament taħt it-test;
  • overline - linja jibda mill-quċċata tat-test;
  • xejn - it-tneħħija tal-effetti dekorattivi kollha;
  • jirtu - jadotta l-valur tal-element ġenitur.

Ta 'hawn fuq mhumiex forom kollha possibbli ta' reġistrazzjoni, kif dan l-attribut jispeċifika mhux biss il-jenfasizzaw CSS, għalkemm effetti oħra, bħal "blink" jew test qtugħ.

Eżempji ta 'hyperlinks disinn

Jibdew fil-web disinn u l-ipprogrammar, il-kwistjoni tqum: għaliex l-linja tal-qiegħ fit-test? Fil-bidu tal-era tat-teknoloġija l-internet dan il-metodu ta 'allokazzjoni ta' l-utent għall-fatt li quddiem minnu huwa hyperlink - test, billi tikklikkja fuqha se jsir it-tranżizzjoni għal paġna ġdida.

Konvenzjonalment, proprjetà Hyperlink sett jenfasizzaw. Fil-prattika, hemm problema biex tneħħi l-linja mill-apparati inattivi u tagħmlu jidher kif l-utent iċaqlaq il-mouse pointer. Hawn hu eżempju ta 'kodiċi li tiddiżattiva l-links CSS enfasizzati:

ta {test tiżjin: xejn; }

Għal rabtiet attivi li jużaw l-entrata li ġejja:

a: imbagħad jerġgħu {test tiżjin: jenfasizzaw;}

jenfasizzaw dekorattivi għall avvanzati

attribut standard animazzjoni dekorazzjoni għandha diversi limitazzjonijiet:

  • kulur linja differenti mill-kulur tat-test rabta, huwa impossibbli li ssir distinzjoni bejn "kulur" tagħhom;
  • Biss il-linja solida hija użata bħala l enfasizzati. CSS ma jinvolvux l-użu ta 'stili oħra ta' trade mark.

Imma miżuri tekniċi speċjali jgħinu bajpass l-ħarsa klassika tat-test. Fl-ewwel każ, li jiġi stabbilit hyperlink jużaw il-lametta fakultattiva .

Per eżempju:

"> hyperlink

. >

Bħala riżultat, il-kelma fuq il-paġna hyperlink għandhom jiġu miktuba bil-blu u l-kulur tal-linja se jkun aħmar.

Metodu ieħor avvanzat li jippermetti enfasizzati CSS, - fruntiera-qiegħ. L-eżempju t'hawn taħt turi l-użu tiegħu:

ta {fruntiera tal-qiegħ: 1px solida aħmar;}

Ir-riżultat se jkun l-istess bħal fl-eżempju preċedenti. Iżda dan il-metodu għandha vantaġġ importanti. Barra mit-tibdil tal-kulur linja (bħalissa ffissat aħmar - aħmar), huwa possibbli li tittrasforma l-Iskrizzjoni metodu:

  • bit-tikek - jagħmel il-punt jenfasizza;
  • dashed - linja tikkonsisti puplesiji;
  • double - jiġbed linja doppja.

Allura, attribut qiegħ border- hija aktar funzjonali. Minbarra l-wiri tal-linja dekorattivi taħt it-test, jagħmilha possibbli biex jippersonalizzaw-dehra tagħha.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 mt.atomiyme.com. Theme powered by WordPress.