Externe stijlbladen en ingesloten CSS-stijlbladen

Mei 16, 2024

Er zijn een paar dingen die externe stijlbladen anders maken dan ingesloten stijlbladen.

Ingesloten stijlbladen
In de vorige zelfstudies zag u voorbeelden van ingebedde CSS-stijlbladen en leerde u dat de basis-CSS-code voor een ingebed stijlblad begint en eindigt met de tags. Binnen deze tags bevindt zich de CSS-code die bestaat uit elke selector (s) en de respectieve eigenschap-waardeparen. Ten slotte wordt de ingesloten stijl in het hoofdgedeelte van uw webpagina geplaatst.

Voorbeeld

Externe stijlbladen
Externe stylesheets zijn een beetje anders omdat ze geen begin- en eindtags hebben. In feite kunt u geen HTML-tags hebben behalve opmerkingen en de @import-instructie. Het is eigenlijk een tekstbestand dat alleen de CSS-code bevat.

Voorbeeld

body {background-color: #ffffff}

p {lettergrootte: 12pt; kleur: # 000000; text-align: center}

U kunt uw externe stylesheet een naam geven die u maar wilt, maar het is een goede gewoonte om het bestand een naam te geven die het doel van de CSS-code weerspiegelt. De CSS-code die de stijl voor de menulinks op uw webpagina beheert, kan bijvoorbeeld menu.css worden genoemd. Hoewel dit optioneel is, moet u de extensie .css gebruiken voor uw externe stylesheets.

Nadat u externe stijlbladen hebt gemaakt, kunt u deze op elke webpagina gebruiken door de tag of de @import-instructie in het hoofdgedeelte te plaatsen.

Externe stijlbladen en ingesloten CSS-stijlbladen, HTML, wat is het verschil tussen ingebedde en externe stijlbladen, externe stijlbladen, ingebedde stijlbladen, link-tag, importverklaring, hoe het ingebedde stijlblad te gebruiken, hoe de externe stijl te gebruiken sheet, HTML, XHTML, DHTML, gehoste CGI, webhosts, domein, domeinnamen, FTP, JPEG, GIF, CSS, how-to

Vorige Artikel

Volgende Artikel

Verwante Artikelen

computers

Online tekenfilms tekenen voor beginners

Mei 2024

Een geweldige stijl voor clipart die in veel verschillende genres past, is de cartoonstijl. Cartoons kunnen gemakkelijk worden 'gelezen' en voegen interesse toe aan uw bericht of project. De beste...

computers

Start nieuw project in Carrara 6 Assemble Room

Mei 2024

Wanneer je DAZ verkentR CarraraTM 6, of enig ander 3D grafisch programma, zult u merken dat de gebruikersinterface en hulpmiddelen niet zo intuïtief zijn als in 2D grafische programma's. Om de een...