Externa stilark och inbäddade CSS-stilark

Maj 7, 2024

Det finns några saker som gör att externa stilark skiljer sig från inbäddade stilark.

Inbyggda stilark
I de föregående självstudierna såg du exempel på inbäddade CSS-formatmallar och du lärde dig att den grundläggande CSS-koden för ett inbäddat formatmall börjar och slutar med taggarna. Inuti dessa taggar finns CSS-koden som består av varje väljare (r) och dess respektive egenskapsvärdepar. Slutligen placeras den inbäddade stilen i huvudavsnittet på din webbsida.

Exempel

Externa stilark
Externa formatmallar är lite annorlunda eftersom de inte har start- och sluttaggar. Du kan faktiskt inte ha några HTML-taggar förutom kommentarer och @import-uttalandet. Det är i princip en textfil som bara innehåller CSS-koden.

Exempel

kropp {bakgrund-färg: #ffffff}

p {font-size: 12pt; färg: # 000000; text-align: center}

Du kan namnge ditt externa formatmall vad du vill, men det är bra att ge filen ett namn som återspeglar syftet med CSS-koden. Till exempel kan CSS-koden som styr stilen för menylänkar på din webbsida kallas menu.css. Även om det är valfritt bör du använda förlängningen .css för dina externa stilark.

När du har skapat externa formatmallar kan du använda dem på valfri webbsida genom att placera antingen taggen eller @import-uttalandet i huvudavsnittet.

Video Instruktioner: How to link CSS to HTML (Maj 2024).

Externa stilark och inbäddade CSS-formatmallar, HTML, vad är skillnaden mellan inbäddade och externa formatmallar, externa stilmallar, inbäddade formatmallar, länktagg, importmeddelande, hur man använder det inbäddade formatmallen, hur man använder den externa stilmallen ark, HTML, XHTML, DHTML, värd CGI, webbhotell, domän, domännamn, FTP, JPEG, GIF, CSS, hur man gör

Tidigare Artikel

Nästa Artikel

Relaterade Artiklar

datorer

Översikt över Flash Storybook Phase 2

Maj 2024

Denna handledning börjar den andra fasen av vår FlashR iOS Storybook App-serien. Om du har följt med, vet du att den första fasen anger hur du skapar en animerad intro-scen för en storybook-app....

datorer

NDS Konflikt i realtid: Shogun Empires

Maj 2024

Jag hade verkligen stora förhoppningar för det här spelet. Samuraj. En Shogun-spelbräda. Strategi och realtidsåtgärd. Jag är mycket ledsen att säga att det här spelet är ganska fruktansvärt. Först...