Så här använder du en CSS-fil i HTML
HyperText Markup Language, bättre känd som HTML, definierar den standard som informationen på en webbsida är formaterad och formaterad. Cascading Style Sheets, mer känd som CSS, är ett språk som används för att definiera utseende och grafisk stil för varje enskilt element som utgör en webbsida. En CSS-fil kan kombineras med en HTML-fil både som ett externt stilark och som ett internt stilark. I det första fallet lagras CSS-koden i en fil som är separat från HTML-koden, medan de i andra fallet kommer att samexistera i samma fil. Fortsätt läsa för att ta reda på hur du använder en CSS-fil i HTML för att anpassa utformningen av en webbplats.
steg
Metod 1
Använd en extern CSS-fil
1
Skapa en CSS-fil. Öppna en ny tom textfil, ange CSS-koden och spara den med tillägget ".css".
2
Ladda upp din CSS-fil till den webbplats du vill matcha den med.
3
Kopiera URL-adressen till CSS-filen. Dess adress ska likna sito_web.com/rome_file_CSS.css.
4
Lägg till länken som hämtats till HTML-filen. Leta reda på taggen i HTML-filen som granskas och skapa sedan en ny textrad precis under taggen och klistra in koden . Ändra på den här tiden den URL som finns i attributet "href =" med den som är relaterad till CSS-filen du vill använda.
5
Spara HTML-filen och publicera den på den webbplats som den hänvisar till.
6
Kontrollera att alla de element som utgör din webbplats har det utseende och den stil som de borde ha. Om något inte fungerar måste du göra alla nödvändiga ändringar i CSS-filen för att lösa problemet.
Metod 2
Använd en intern CSS-fil
1
Skapa taggen inom HTML-filen. Infoga den efter taggen genom att skapa en ny textrad där följande kod läggs in:
1
Lägg till all CSS-kod som behövs för att formatera webbplatsens grafiska utseende inom taggarna just skapad.
2
Spara HTML-filen med tillägget ".html".
3
Kontrollera att alla de element som utgör din webbplats har det utseende och den stil som de borde ha. Annars gör du alla nödvändiga ändringar i CSS-filen för att lösa problemet.
tips
- Kontrollera alltid webbplatsens utseende om du arbetar med det med hjälp av webbläsare och olika hårdvaruplattformar. Vissa webbläsare tolkar CSS-koden något annorlunda och detta händer också mellan olika versioner (för Mac och Windows) i samma webbläsare. Om du utför detta test webbplatsen ser visuellt annorlunda när du ändrar din webbläsare, särskilt när det gäller specifika grafiska element som avståndet mellan listorna är det problem som återfinns i (relativt) i webbläsarens standardkonfiguration (skulle ta bort). Skapa eller ladda ner en CSS-master för att infoga längst upp i CSS-stilarket som du ska använda, så att webbläsarens standardinställningar ignoreras till förmån för dem du har skapat.
- Om det är möjligt, använd en extern CSS. Detta gör det möjligt att redigera (förändring?) Stilen och utseende på webbplatsen genom att ändra endast CSS kod i stället för att behöva ändra CSS-koden inuti varje sida som komponerar.
- Om webbplatsen du jobbar med är okänslig för ändringar som gjorts i CSS-filen, kontrollera noga all kod du har skapat för att du inte har glömt viktiga detaljer. Var särskilt uppmärksam på semikolonerna ("-") och stängningsstänger ("}"). Dessa är grundläggande faktorer som det är mycket lätt att glömma att infoga i CSS.
- Om du sparar en HTML-fil lokalt på din dator kan du öppna den direkt i din webbläsare så att du kan kontrollera det grafiska utseendet och stilen innan du publicerar den online. För att göra det måste dock CSS-filen infogas i HTML-filen för att se till att dess regler används korrekt.
- När koden för en CSS-fil har inre motsättningar, till exempel om det anges i två olika punkter färgen som skall vidtas av texten (första blå sedan röd), kom ihåg att det tillstånd som kommer att tillämpas alltid kommer att vara den sista. På samma sätt fortsätter med det föregående exemplet, om det första uttalandet finns inne i en extern CSS-fil, medan den andra är i en intern CSS-fil, kommer den andra alltid att tillämpas.
varningar
- Använd inte CSS-koden "på nätet", dvs ingår direkt i HTML-taggarna. Till exempel koden "align = `centrum`" representerar ett sätt att använda CSS online. Det här är en daterad och felaktig programmeringsform, vilket gör det väldigt svårt att göra ändringar och korrigeringar senare, till exempel när du behöver uppdatera en befintlig webbplats och kanske skapas av andra personer.
Dela på sociala nätverk:
Relaterade
Så här lägger du till Google Analytics på din webbplats- Så här lägger du till en bakgrund på en blogg
- Så här anpassar du element i HTML
- Så här byter du textfärg till HTML
- Så här centrerar du text i HTML
- Hur man skapar HTML-formulär
- Så här skapar du en hyperlänk i HTML
- Hur man skapar en Visningsräknare i PHP
- Så här skapar du ett stilark (CSS)
- Så här skapar du ett enkelt CSS-stilark med anteckningsblock
- Så här lägger du till en jаvascript på din webbplats Använd HTML-koden
- Så här lägger du till en länk till en bild
- Så här centrerar du en bild med hjälp av HTML-koden
- Hur man skapar en knapp i HTML relaterad till en hyperlänk
- Så här skapar du en expanderande lista i HTML utan Java
Så här kör du en HTML-fil
Så här lär du dig CSS-koden
Så här infogar du mellanslag i HTML
Så här lägger du in en länk i en bild med hjälp av HTML-koden- Hur man skriver kommentarer i HTML
Så här använder du HTML-format på ett enkelt sätt