Hvordan Block CSS påvirker iFrame

January 5

Hvis du bruker Cascading Style Sheets (CSS) for å designe ditt nettsted, og du har en iFrame, eller innebygd ramme, på siden din, har iFrame potensial til å arve reglene stil fra CSS. Ofte er stilen uønsket fordi den viser rammen med en uønsket egenskap som en grense. Videre, hvis iFrame inneholder Hypertext Markup Language (HTML) elementer, for eksempel et avsnitt, har teksten potensial til å vedta CSS-stiler. For å stoppe dette, legger stil regler direkte til din iFrame-kode for å blokkere den opprinnelige CSS påvirker din iFrame.

Bruksanvisning

1 Start tekst editor program og åpne nettsiden dokument som inneholder iFrame.

2 Finn iFrame-koden i HTML. En typisk iFrame ser ut som følgende eksempel:
<Iframe src = "URL til nettstedet" width = "300px" height = "400px">
<P> Innholdet ditt. </ P>
</ Iframe>

3 Plasser markøren inne i iframe tag. Type "style =" inne i parentes angir du et par av anførselstegn og skriv attributtet du vil ha etterfulgt av et kolon og ønsket verdi inne sitatene. For eksempel, for å blokkere en ramme vises rundt iFrame-vinduet skriver "border: none" som så:
<Iframe style = "border: none">

4 Plasser markøren inne i HTML-elementet, for eksempel <p>, som blir påvirket av din nåværende CSS. Vanlige CSS-regler som påvirker HTML-elementer i din iFrame inkluderer skrift størrelse og farge. Type "font-size:;" og "color:" inne i elementet og skriv inn de ønskede verdiene etter hvert attributt som så:
<P style = "font-size: 12px; color: black">

5 Lagre dokumentet og forhåndsvise det i en nettleser for å se endringene. Når du er klar, laste opp filen til din Web vert å gjøre den modifiserte iFrame live på internett.

Hint

Den attributt i en CSS regel navngir bestemt egenskap, for eksempel farge, at du er styling. Verdien av attributtet er spesifikke kjennetegn, for eksempel blå, er du tilordner til eiendommen.
Hvis iFrame ikke lastes, HTML-elementer, slik som avsnitt, omfatter du i iFrame-kode vises i stedet for rammen.