Direktlänk till inlägg 18 maj 2013
Hej igen alla programmeringsvänner, jag jobbar på ett nytt stort projekt och har därför inte tagit mig tiden att skriva här, men nu tog jag mig äntligen tid och idag tänkte jag visa er hur man använder sig av css-filer.
En css-fil är en liten textfil där du samlar dina inställningar på vilka färger, typsnitt, skuggor, boxar o.s.v som du vill använda på din webplats, sedan länkar du till css-filen från dina sidor.
Vad är då så bra med detta, undrar du kanske, Jo om du vill att t.ex överskriften på alla dina sidor ska ha ett typsnitt på 20px och färgen ska vara röd, så ställer du in detta i css-filen.
När du två veckor senare kommer på att, nämen svart vore en bättre färg på överskriften så har din webplats vuxit till ungefär 20 sidor, då istället för att behöva ändra i alla 20 sidorna ändrar du bara färg i css-filen och sim salla bim, alla sidornas överskrifter är svarta.
Du får också en "renare" html-kod (alltså den blir lättare att arbeta med och läsa) om du gömmer dina inställningar i en extern fil.
Så hur gör man då ??, jo vi kan ju ta färgexemplet, börja med att öppna en texteditor (t.ex. anteckningar) sedan skriver du in följande kod.
h1{font-size:32px; color: DodgerBlue;}
Spara nu filen som t.ex "MinCss.css"
Och nu skapar vi html-sidan.
<html>
<head>
<link rel='stylesheet' type='text/css' href='MinCss.css'>
</head>
<body>
<h1>Min fina överskrift</h1>
</body>
</html>
Som du ser så länkar vi till css-filen med koden <link rel='stylesheet' type='text/css' href='MinCss.css'>, den ska ligga mellan <head> och </head>, sedan sätter du att överskriften ska få dessa egenskaper med taggen <h1>, då kommer i detta fallet texten "Min fina överskrift" att vara blå och 32px stor.
Prova nu att ändra DodgerBlue till Black och sim salla bim, överskriften är svart.
Fortsättning följer.
Ha dé
Hej alla programmeringsvänner!! Om ni är som jag och gärna vill skriva rå kod, t.ex. html eller php, javascript, css etc. Testa Crimson editor, den är enkel att använda men har mycket bra funktioner som underlättar vid programmeringen (om...
Hej alla programmeringsvänner, igår och idag har det inte blivit så långa stunder vid datorn eftersom vädret har varit helt fantastiskt för en soldyrkande nordbo . Igår nådde vi i Örebro ca 18 grader varmt och idag har vi just nu 21 grader va...
Godkväll alla programmeringsvänner. Ikväll tänkte jag tipsa om "document.getElementById().innerHTML", ni kanske redan kan detta, men jag tror ändå att det finns många därute som kan ha användning av detta tips. Hur som helst, i koden ned...
Idag har jag spenderat många timmar på att hitta en bugg som bara uppstod ibland, och det är inte enkelt. Man måste ju återskapa exakt vad användaren gjorde och sedan felsöka all kod som då används för att kunna ringa in problemet och fixa det....
Må | Ti | On | To | Fr | Lö | Sö | |||
1 |
2 |
3 |
4 | 5 |
|||||
6 |
7 | 8 |
9 |
10 |
11 |
12 |
|||
13 |
14 |
15 |
16 |
17 |
18 | 19 |
|||
20 |
21 |
22 |
23 |
24 |
25 |
26 |
|||
27 |
28 |
29 | 30 |
31 |
|||||
|