CSS-sjablonen gebruiken

Wanneer u de aanwezigheid van uw bedrijf online beheert, zijn enkele basisprincipes handig. Het gebruik van externe stylesheets is een goed voorbeeld van een tool die uw werk gemakkelijker maakt. Stijlpagina's bepalen hoe HTML-documenten eruitzien door stijlen voor bepaalde elementen te definiëren. Importeer vooraf gedefinieerde sjabloon CSS-bestanden om stijlen toe te passen op uw webpagina, waardoor het eenvoudiger wordt om uw website te ontwerpen en de consistentie te behouden. U kunt zelfs CSS-sheets gebruiken als basis om uw eigen sjablonen te ontwerpen.

1.

Sla uw CSS-sjabloon op in dezelfde map als de HTML-pagina's waarmee u de sjabloon wilt gebruiken. Als u bijvoorbeeld de pagina "index.html" wilt gebruiken om de CSS-sjabloon "template.css" te gebruiken, slaat u template.css op in dezelfde map waarin u "index.html" opslaat.

2.

Open het HTML-bestand in een teksteditor.

3.

Zoek de head-tags in het HTML-bestand. Typ het HTML-document tussen deze tags om het HTML-bestand te koppelen aan het CSS-sjabloonbestand. Uw sjabloonbestand kan een andere naam hebben, dus gebruik de juiste naam in plaats van "template.css." Uw HTML-kopgedeelte lijkt op dit voorbeeld:

4.

Sla het HTML-bestand op.

5.

Open het HTML-bestand in een webbrowser. De CSS-sjabloonstijl die u hebt bijgevoegd, is van kracht, waardoor uw website consistenter wordt.

Waarschuwing

• Hoewel CSS-bestanden stijlinstructies toepassen op algemene gebieden zoals de achtergrond en de hoofddocumenttekst, geven sommige CSS-sjabloonbestanden bepaalde tags op die mogelijk niet overeenkomen met de tags in uw document. Lees het CSS-bestand en de bijbehorende documentatie om ervoor te zorgen dat u dezelfde tags en secties gebruikt als in het CSS-bestand om de beste resultaten te krijgen.