webForumDet fria alternativet

Nybörjarfråga om stylesheets

HTML & CSS

8 svar · 234 visningar · startad av pilt77

Medlem sedan aug. 200296 inlägg
Frågan#1

Jag har en jävla massa html dokument på min hemsida. Och nu ska jag buta bakgrunksfärg och text färg på allihopa. Därför har jag börjart fundera på stylesheets.
Det funkar så att man har en fil där man definerar olika färger va?
Någon som kan ge ett exempel på hur det skulle se ut?

Medlem sedan jan. 20011 140 inlägg
#2

Ja i stylesheetet bestämmer du hur det ska se ut, och på html sidan skriver du så här:

<html>
<head>
<title>Min hemsida</title>
[BLUE]<link rel="stylesheet" href="min_cssfil.css">[/BLUE]
</title>

Hur du jobbar med CSS filen kan du läsa här: http://www.idg.se/webstudio/pub/object.asp?id=7

Medlem sedan aug. 200296 inlägg
#3

Om jag har en font definerad i ett stylesheet och en annan font i html dokumentet, går då css före?

Medlem sedan sep. 2000232 inlägg
#4

Nej, html-formateringen går före

Medlem sedan sep. 20021 655 inlägg
#5

eMan skrev:

Nej, html-formateringen går före

Förvisso var frågan tvetydig, men att skriva att html-formateringen går före CSS är fel.

CSS kan ju som känt ligga i tre olika nivåer:
1. I en extern fil.
2. Inom <style>-taggar i head.
3. I style-attributet för en viss tag.

Den css som är mest specific är den som gäller, t.ex.:

<html>

<head>
<title>Test1</title>
<style type="text/css">
 p {
  font-family: Verdana
 }
</style>
</head>

<body>
<p style="font-family: Arial;">Detta är en text</p>
</body>

</html>

"Detta är en text" kommer att stå med Arial.

Ett annat exempel, som visar att "CSS går före html":

<html>

<head>
<title>Test2</title>
<style type="text/css">
 table {
  width: 500px;
 }
</style>
</head>

<body>
<table width="800">
 <tr>
  <td>Detta är en cell</td>
 </tr>
</table>
</body>

</html>

Tabellen kommer att bli 500 px bred eftersom det är den bredd som CSS bestämmer. Plockas styles bort blir tabellen 800 px bred.

Medlem sedan dec. 2000557 inlägg
#6

dectgap:

Nja, när det gäller "vanliga" font-taggar går dessa före css.

ex.

<html>
<head>
    
    
<style type="text/css">
<!--
    
body {
    font-family : Arial; 
    font-size : 10px; }
    
//-->
</style>
    
    
</head>
<body>
    
    
    <font face="Verdana" size="2">Detta är min text!</font>
    
    
</body>
</html>

I detta fall kommer texten bli Verdana, inte Arial..

Medlem sedan aug. 200296 inlägg
#7

Nu har jag läste lite på jojoxx sida och nu funkar det bra, tackar

Medlem sedan aug. 200296 inlägg
#8

hur bestämmer man färgen på texten?
testade font-color: color.white; men det funkade inte

Medlem sedan okt. 20005 273 inlägg
#9
[red]
color : #FFFFFF
[/red]
261 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)