Hvordan innrykk et avsnitt ved oppretting av en webside med en CSS Style Sheet

Hvordan innrykk et avsnitt ved oppretting av en webside med en CSS Style Sheet


Cascading Style Sheets (CSS) gir deg presis kontroll over elementer på websidene. Bruk CSS til å sette farger, størrelse kontroller til og med rykke inn avsnitt. Nettlesere gjør ikke rykke inn avsnitt som standard. Det kan være tider, men når et innrykket avsnitt - som sett i bøker - kan legge til visuelle appell til en webside. Ved å definere en CSS "text-align" eiendom i en ekstern CSS-stilark, kan du kontrollere ledd innrykk av alle sidene på nettstedet ditt.

Bruksanvisning

1 Åpne Notepad eller HTML-editor, og opprette et nytt dokument.

2 Lim inn følgende CSS-kode i dokumentet:

p {text-indent: 1em;}

Denne linjen av CSS setter "text-indent" eiendom avsnitt til 1em. Utviklere kan angi skriftstørrelsen verdier ved hjelp av piksler eller "em" enheter. En em enhet tilsvarer gjeldende skriftstørrelse. I dette eksemplet, for eksempel en verdi på 1em rykker et avsnitt 12 piksler hvis dagens skriftstørrelsen er 12 piksler. The World Wide Internet Consortium anbefaler å bruke dem målenheter. Hvis du heller vil angi innrykk beløpet ved hjelp av piksler, lim inn følgende kode i dokumentet i stedet:

p {text-indent: 12px;}

3 Lagre dokumentet med et Css filtypen. For eksempel, hvis du ønsker å kalle det "MyStylesheet," lagre det som "MyStyleSheet.css." Dette skaper CSS stilark som en hvilken som helst side på nettstedet ditt kan referere til.

4 Åpne en av HTML-dokumenter ved hjelp av HTML-editor eller Notisblokk.

5 Legg et avsnitt til dokumentets "kroppen" seksjonen som vist nedenfor:

<P>

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris Nisi ut aliquip ex ea commodo consequat. Duis Aute Irure dolor i reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat ikke proident, sunt i culpa qui officia deserunt mollit anim id est laborum. "

</ P>

Dette avsnittet inneholder dummy "Lorem Ipsum" tekst. Webutviklere bruker "Lorem Ipsum" tekst for å bistå med layout og design. Ved å plassere nok av denne teksten på en webside, kan du se hvordan en hele avsnittet ser med innrykk.

6 Legg til følgende stilark kobling uttalelse til dokumentets "head" -seksjonen:

<Link href = "xyz.css" rel = "stylesheet" type = "text / css" />

Dette legger en referanse til en ekstern CSS-stilark. Erstatt "xyz.css" med navnet på stilen arket du opprettet.

7 Lagre HTML-dokumentet og vise den i nettleseren din. Nettleseren vil rykke inn avsnittet av avstanden beløpet du satt i stilarket.

Hint

  • Endre em eller pikselverdien i stilarket til noen verdier du liker. Når du har gjort en endring, se websiden i en nettleser for å se hvordan endringen påvirker avsnittet innrykk.
  • Tilsett style sheet "link" uttalelse til en Web-side som krever ledd innrykk.