Inline CSS kan du skapa CSS-format i din HTML -kod . När du skapar din Drupal tema du använder inline CSS för att snabbt skapa layouten , men innan du distribuerar ditt tema , du skapar en separat CSS-fil och flytta inline CSS i HTML-taggar till en vanlig extern CSS- fil som du använder för att inkludera din temats layout . Instruktioner
1
Högerklicka på temat HTML -filen och klicka på " Öppna med . " Klicka din favorit HTML- editor för att öppna temat koden i din editor . Klicka på Windows " Start" och skriv " notepad " i sökrutan och tryck på " Enter . " Nu har du din HTML tema och ett separat fönster i Anteckningar som du skapar CSS-fil .
2
Leta upp " kroppen " -taggen . Den här taggen innehåller stilar för det huvudsakliga innehållet i sidan . De infogade format finns i " stil " egendom taggen . Du vill kopiera denna stil och placera det i CSS- fil som du skapar .
3
Kopiera taggkroppen stil till fönstret Anteckningar . Formatera stilen för CSS-fil . Följande kod är ett exempel på en kropp CSS formaterat för en extern formatmall :
body { background- color : grå ; }
4
Fortsätt lägga alla dina infogade stilar från HTML-filen till CSS-filen . När du fullfölja omvandlingen , spara Anteckningar -filen med en CSS- förlängning . Typiskt , utvecklare spara en CSS-fil som " styles.css . "
5
Länka den nya formatmallen inuti HTML-fil för temat . Lägg till följande kod i huvudet delen av HTML -filen för att applicera CSS till HTML-filen :
< link rel = " stylesheet " type = " text /css " href = " stilar . css " />
6
Spara HTML-filen och öppna den i din webbläsare för att testa de nya CSS-format för dem layouten .
