Hvordan lage en CSS mal

Hvordan lage en CSS mal


CSS stilark tillate en stor grad av fleksibilitet og funksjonalitet som skal brukes på en nettside. Brukes sammen med XHTML 1.0, kan CSS formatering oppnå et bredere spekter av formateringsalternativer enn det som var mulig med tidligere versjoner av HTML-kode. Mange web-designere lage CSS maler for bruk på flere nettsteder. En CSS stilark malen inneholder de grunnleggende formatering av et nettsted, som kan bli forskjøvet eller lagt til senere. En grunnleggende CSS stilark viser hvordan å begynne å utvikle med CSS-kode.

Bruksanvisning

Lag en enkel CSS mal

1 Høyreklikk på "Start" -menyen. Deretter høyreklikker du på "Alle programmer." Neste klikk på "Tilbehør". Høyreklikk på "Notisblokk".

2 Høyreklikk på "File" fanen i navigasjonsmenyen. Deretter høyreklikker du på "New". Et nytt dokument vil bli presentert. Høyreklikk på fanen "File" igjen. Deretter høyreklikker du på "Lagre som". Navn tekstfilen "samplecss.css" og høyre-klikk på "OK".

3 Skriv inn "/

Dette er en kommentar /". Klikk på "Enter" -tasten. neste

skriver "body {background-color: white;}". Neste klikk på "Enter" -tasten.

4 Skriv inn "p {color: blue;}" i redigeringsområdet. Klikk på "Enter".

5 Skriv inn "h3 {color: black;}". Neste klikk på "Enter". Høyreklikk på fanen "File". Deretter høyreklikker du på "Lagre".

6 Skriv inn "# PARAGRAPH1" og klikk på "Enter" -tasten.

Neste type "{" og igjen klikk på "Enter" -tasten.

7 Skriv inn "text-align: center;" og klikk på "Enter" -tasten. Neste type i "color: red;" og klikk på "Enter" -tasten. Endelig skriv inn "}" og klikk på "Enter" -tasten.

8 Høyreklikk på "File" fanen på navigeringsmenyen. Deretter høyreklikker du på "Lagre". Høyreklikk på "File" igjen. Deretter høyreklikker du på "Exit" for å lukke ut Notepad.

Hint

  • En CSS stilark kan være lange med flere ID-seksjoner. Kommentarer kan plasseres i hele stilark for å hjelpe andre programmerere når analysere CSS-koden.
  • Sjekk alltid XHTML og CSS stilark kode med store nettlesere for å sikre krysskompatibilitet. En nettleser kan ikke vise koden den samme som en annen.