Hoe te formatteren een Website

Hoe te formatteren een Website


Cascading Style Sheets (CSS) help opmaken u een website snel en effectief, terwijl het geven van het een consistent uiterlijk. U kunt CSS toepassen op een of alle pagina's waar u de indeling wilt weergeven. Dit kan omvatten opmaak koppen, koppelingen, opsommingstekens en tabellen of het wijzigen van de achtergrondkleur van een pagina. Het is het beste om te linken naar het CSS-bestand extern als uw website meerdere pagina's, bevat dus moet u alleen het CSS-bestand als u wilt toepassen de opmaak wijzigen.

Instructies

Het CSS-bestand maken

1

Open een nieuwe of bestaande CSS-bestand in een teksteditor.

2

Voeg de volgende code als de achtergrondkleur van uw pagina bruin en toepassen van een 10-punts Arial in de gehele wilt wijzigen:

lichaam {achtergrond-kleur: bruin; lettertype-familie: "Arial"; lettertype-grootte: 10pt;}

3

Voeg de volgende code als u wilt vet en centreren van alle H1 koppen:

H1 {text-align: midden; font-weight: bold;}

4

Voeg de volgende code zodat alle normale links wit, maar niet onderstreept:

een: link {kleur: wit; text-decoration: none;}

5

Voeg de volgende code om te maken van alle bezochte koppelingen zwart, maar niet onderstreept:

een: bezochte {Colour: black; text-decoration: none}

6

Voeg de volgende code om alle tabellen een solide, zwarte, één pixel rand op te geven:

tabel {border: 1px effen zwart;}

7

Selecteer 'File' en 'Opslaan' op de werkbalk. Navigeer naar de map waar uw HTML-bestand is opgeslagen. Vervolgens het bestand "style.css" een naam en klik op "Opslaan".

Link naar het CSS-bestand

8

Gebruik een teksteditor om het HTML-bestand waar u de opmaak die u wilt openen.

9

Plaats de volgende code in de hoofd-tag van uw bestand:

< link href="style.css" rel = "stylesheet" type = "text/css" / >

10

Sla het HTML-bestand met de updates. Als u wilt de opmaak toepast op andere pagina's op uw website, voeg de code uit de vorige stap in de hoofd-tag voor die documenten zo goed.