| Hjem | Hardware | Netværk | Programmering | software | Fejlfinding | systemer | 
Programmering  
  • C /C + + Programming
  • Computer Programmeringssprog
  • Delphi programmering
  • Java programmering
  • JavaScript Programmering
  • PHP /MySQL programmering
  • Perl programmering
  • Python Programming
  • Ruby Programming
  • Visual Basics Programmering
  •  
    Computer Viden >> Programmering >> Computer Programmeringssprog >> Content
    Skift tekstfarve på Mouseover
    En måde at tiltrække sig opmærksomhed hos en besøgende på din webside er at gøre ordene på siden skifter farve , når de flytter deres mus over. Cascading Style Sheets giver en løsning til at løfte denne opgave med den pseudo- klasse kaldet hover . Opsætning af HTML

    Ændring tekstfarve med CSS begynder med at vælge en HTML -tag i kroppen af dit dokument. (Hvis du søger på internettet ved hjælp af Internet Explorer 7 eller derunder , vil denne teknik kun fungere, hvis du bruger tagget . Hvis du bruger Internet Explorer 8 eller Firefox 3 , vil disse anvisninger arbejde på enhver HTML-tag . )

    Brug " span " tag for at ændre ordet i sætningen . Her er et eksempel : Hej

    vil jeg kun spise is , hvis det har karamel , chokolade eller hot fudge .

    Tilføj følgende klasse navne inde i begyndelsen " span " tags til at differentiere hver is topping : Hej

    vil jeg kun spise is , hvis det har ; . karamel , chokolade eller hot fudge

    klassen navne er begge bruges til at identificere , hvilke ord vi vil påvirke med vores stil regler og for at hjælpe med at holde styr på, hvad vi er ved at ændre .
    Opsætning af Style

    CSS kan oprette en af ​​tre måder: lokale , interne og eksterne. Denne specifikke proces kan imidlertid kun opnås enten internt eller eksternt .

    En lokal typografiark består af starten og slutningen tags og et sæt af instruktioner mellem dem. Stilen tags kan kun placeres mellem tags i toppen af dokumentet. En lokal typografiark påvirker kun den side, hvor den er placeret.

    Type begyndelsen og slutter tags mellem tags i toppen af dit HTML-dokument . Derefter skrive ordet " span " mellem dem. Føj følgende kode efter " span " , som vist :

    Tilføj tre mere " span s" efter den indledende " span " , efterfulgt af en periode og klassen navnene på hver is topping, som vist : Hej


    Tilføj et kolon , plus pseudo- class " svæver" efter hver topping navn : Hej

    < br >

    Tilføj en venstre klammeparentes , så "farve" , et kolon og en anden farve for hver smag. Afslutte udsagn med et semikolon og en højre klammeparentes , som vist : Hej


    External Style Sheet

    En ekstern style sheet er simpelthen en tekstfil gemt med en CSS forlængelse. Kopier stil regler , der er mellem de tags i ovenstående opgørelse , så tilføje følgende kode mellem tags : Hej

    < link rel = " stylesheet " type = " text /css " href = " sti /filename.css " />

    Når du placerer musen over teksten , ordet " karamel " bliver rødt, " chokolade " grønt og" fusk " rosa .

    Forrige :

    næste :
      Relaterede artikler
    ·Sådan bruges en Infinite Loop 
    ·Sådan Indsæt tekstfelter med VBA -kode i Excel 
    ·Sådan oprettes en RSS Feed fra dit ColdFusion Side 
    ·Anvendelse af Python Yield 
    ·Sådan kører Opstart Scripts i XP 
    ·Sådan Loop Through MIME-typer 
    ·Hvordan man skriver en simpel administrativ opgave Scri…
    ·Hvordan du skifter fra GW -BASIC til QBasic 
    ·Hvordan man skriver open source-projekter 
    ·Sådan bruges HTML Inline Elements 
      Anbefalede Artikler
    ·Sådan udskriver Enum Værdier i C 
    ·Sådan oprettes en COBOL Program 
    ·Sådan Teach Yourself Windows CE Programmering i 24 tim…
    ·Sådan erstatte en fil i PHP 
    ·Sådan Beregn ligheden Factor i dokumenter i PHP 
    ·Sådan oprettes miniaturebilleder i PHP 
    ·Sådan Kill MySQL Tråd 
    ·Sådan oprettes Date objekt fra String i Java 
    ·Sådan installeres MySQL Gem på Snow Leopard 
    ·Python Print Funktioner 
    Copyright © Computer Viden http://www.computerdk.com