Indhold
HTML og CSS kan producere nogle flotte teksteffekter, såvel som standardformatering som skrifttype og baggrundsfarve. Særlige effekter i HTML, fordi teksten vises og opfører sig på usædvanlige måder, der trækker betragterens opmærksomhed. Brug dem til at animere en stoppet side eller tilføje simpel tekst.
Særlige effekter af HTML-tekster (Polka Dot RF / Polka Dot / Getty Images)
Drop Cap
Ved tekstbehandling forstærker en dropkat det første bogstav i et afsnit. Du kan gengive denne effekt på dine websider ved hjælp af HTML og CSS. Brug "float" egenskaben til at justere hovedletter og skriftstørrelse for at øge størrelsen i forhold til resten af teksten i stykket. Sæt tegnene i "span" -koderne.
eksempel:
E Dette er et eksempel på en drop cap effekt ved brug af floategenskaben.
Rullande tekst
Markeringseffekten (margen) i HTML får teksten til at bevæge sig på forskellige måder. Kommandoen "retning" i koden fortæller browseren, hvor teksten vil bevæge sig: op, ned, venstre eller højre. Attributten "adfærd" beskriver, hvordan teksten vil bevæge sig. Attributtet "Scroll" får teksten til at bevæge sig ud over det synlige område og derefter vises igen. Kommandoen "slides" får teksten til at stoppe ved slutningen af margenen, mens "alternativ" får teksten til at bevæge sig fra side til side. Brug kommandoen "scrollamount" til at bestemme hastigheden, og jo større nummer, jo hurtigere ruller du.
eksempel:
Titel mouseover (mouseover)
HTML-span-taggen tillader, at tekst vises over det område, hvor det er indsat. Hvis du f.eks. Vil tilføje et resumé af et afsnit, skal du indsætte teksten ved hjælp af spændingsetiketten.
eksempel:
Afsnit tekst her.