Bytte ut en tekst gjøres for det meste på programmeringsspråk på serversiden, inkludert PHP. Imidlertid fungerer utviklere av og til under noen begrensninger og kan ikke erstatte tekst på serveren. I slike scenarier er det å erstatte teksten ved hjelp av CSS et godt valg. Hvis brukeren ønsker å erstatte teksten, CSS “innhold”Eiendom kan brukes. Videre kan du også style den erstattede teksten ved hjelp av CSS.

Denne opplæringen vil undersøke:

• Hvordan legge til tekst i HTML?
• Hvordan erstatte tekst med CSS?

Hvordan legge til tekst i HTML?

I HTML kan tekst legges til på forskjellige måter, for eksempel et overskriftselement "

”Brukes til å legge til overskriftstekst, eller“

Gå gjennom de oppgitte instruksjonene for å legge til teksten i HTML -dokumentet.

Trinn 1: Lag en "div" -beholder

Lage et "div" -element ved hjelp av "" stikkord. Sett videre inn en “id”Attributt for å tildele et spesifikt navn til et element.

Trinn 2: Legg til tekst

Deretter bruker du avsnitts -taggen “

”Og tilordne det en“klasse" Egenskap. Deretter legg inn litt tekst mellom avsnitts tagene:

Linuxhint er et av de beste opplæringsnettstedene. (Gammel tekst)

Det kan observeres at teksten er lagt til vellykket:

Trinn 3: Stil “Div” -element

Nå, bruk "id”Selector and ID”#Main-div”For å få tilgang til“ Div ”-elementet. Bruk deretter de under-uttalte egenskapene:

#main-div
Border: 3px solid svart;
bakgrunnsfarge: RGB (179, 233, 250);
Margin: 50px;
Font-stil: kursiv;

Her:

• “grense”Eiendom brukes til å definere en grense rundt elementet.
• “bakgrunnsfarge”Eiendom tildeler en farge på elementets bakside.
• “margin”Angir et rom rundt elementets grense.
• “fontstil”Bestemmer den spesifikke stilen for en tekst som“kursiv”:

Hvordan erstatte tekst med CSS?

For å erstatte tekst med CSS, må du først skjule den forrige teksten ved å bruke "synlighet”Eiendom. Deretter legger du inn teksten ved å bruke "innhold”Eiendom.

For å erstatte teksten i CSS, kan du prøve den gitte prosedyren.

Trinn 1: Skjul den gamle teksten

Først får du tilgang til elementet der du har innebygd teksten. I vårt scenario får vi tilgang til "

”Element av klassenavnet”.Erstatt tekst”. Deretter bruker du “posisjon”Og“synlighet" egenskaper:

.erstatt-tekst
Posisjon: relativ;
Synlighet: skjult;

Her, "posisjon”Angir at elementet vil være plassert i forhold til dens normale plassering på websiden, og“synlighet”Eiendom brukes til å skjule elementet.

Produksjon

Trinn 2: Erstatt tekst

Få tilgang til teksten til "

”Tag for klasse”.Erstatt tekst”. Bruk også pseudoklassen “:etter”Som vil sette inn tekst etter innholdet i det valgte elementet:

.Erstatt tekst: etter
Innhold: "Linuxhint er en britisk basert organisasjon. (Ny tekst) ";
Posisjon: Absolutt;
synlighet: synlig;
Venstre: 0;
Topp: 0;

Beskrivelsen av ovennevnte egenskaper er som følger:

• “innhold”Eiendom brukes til å legge til innholdet i det valgte elementet.
• “venstre”I CSS brukes til å tildele den horisontale posisjonen til et element som er plassert.
• “topp”Angir posisjonen på toppsiden av et element.
• “synlighet”Er satt som“synlig”For å vise innholdet inne i Div.

Produksjon

Det kan legges merke til at teksten erstattes med suksess ved hjelp av CSS.

Konklusjon

For å erstatte tekst med CSS, først, legg til teksten ved å bruke "

" stikkord. Få tilgang til “

”Element i CSS ved hjelp av den tildelte klassen og bruk“synlighet”Eiendom med verdien”skjult”For å skjule den gamle teksten. Etter det, bruk pseudoklassen “:etter”Med den tildelte klassen av“

”Element. Bytt ut teksten ved hjelp av "innhold”Eiendom, og angi igjen“synlighet”Eiendom som“synlig”. Dette innlegget har forklart metoden for å erstatte teksten til HTML ved hjelp av CSS.